/* --------------------------------- */
html, body { background: #000; background-size: 100%; font-size: 16px; color: #fff; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; font-family: "IBM Plex Sans", sans-serif; }
img { border: 0; vertical-align: top; } a { color: #17C5FF; text-decoration: none; } a:hover { text-decoration: underline; } .reset { margin: 0; padding: 0; list-style: none; }

/* --------------------------------- */
.button { display: inline-block; cursor: pointer; border: none; transition: all .2s; border-radius: 12px; box-sizing: border-box; font-weight: 500; }
.button.buttonBlock { width: 100%; box-sizing: border-box; text-align: center; }
.button.buttonSmall { height: 32px; line-height: 32px; padding: 0 15px; }
.button.buttonMiddle { height: 40px; line-height: 40px; padding: 0 20px; }
.button.buttonLarge { height: 64px; line-height: 64px; font-size: 18px; padding: 0 30px; }
.button.buttonYellow { color: #000; background: #17C5FF; }
.button.buttonYellow:hover { text-decoration: none; background: #0ca8dc; }

/* --------------------------------- */
.containerNotify { position: fixed; top: 0; left: 0; width: 100%; text-align: center; height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; margin-top: -60px; transition: all .4s; display: block; z-index: 999; visibility: hidden; opacity: 0; }
.containerNotify.success { background: #131418; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }
.containerNotify.warning { background: #131418; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }