@import url('https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap');

body, html { width: 100%; height: 100% }
body { font-family: "Alan Sans", sans-serif; font-size: 13px; color: #fff; background: #1b1f26; overflow: hidden; position: relative }

* { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; margin: 0; padding: 0; border: 0; font: inherit; box-sizing: border-box; will-change: all; }
img { outline: none; border: 0; }

::-moz-selection { background: #3d8ffd; text-shadow: none; color: #fff; }
::selection { background: #3d8ffd; text-shadow: none; color: #fff; }

.background-base {
    /*min-height: 1400px;*/
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
}

.grid-bg {
    background: url('../background/grid-bg.svg?v=2') no-repeat;
    opacity: 1;
}

.grain-background {
    background: url('../background/grain-bg.svg') repeat;
    opacity: 0.1;
}

.large-blur {
    border-radius: 750px;
    opacity: 0.5;
    background: radial-gradient(70.71% 70.71% at 50% 50%,rgba(117,173,255,.2) 0,rgba(117,173,255,0) 70%,rgba(117,173,255,0) 100%)
}

.grain-blur {
    /*top: -220px;*/
    background: url('../background/grain-blur.svg') no-repeat 50%;
    opacity: 0.1;
}

.small-blur {
    background: url('../background/small-blur.svg') no-repeat 50%;
    opacity: 0.4;
}

.coming_soon { z-index: 100; height: 100vh; line-height: 100vh; text-align: center; position: relative; }
.coming_soon ._inner { display: inline-block; vertical-align: middle; line-height: normal; padding: 30px 0; }
.coming_soon ._inner img { display: inline-block; max-height: 60px; max-width: 90%; }
.coming_soon ._inner h1 {
    margin: 15px 0 5px 0;
    color: rgba(255, 255, 255, 0.87);
    font-size: 32px;
    font-weight: 300;
}
.coming_soon ._inner h1 span { color: #686d76; }
.coming_soon ._inner p { margin: 0; line-height: 23px; font-size: 19px; color: #707c82; }