.header{background-color:#eee;display:flex;height:60px;justify-content:space-between;padding:0 40px;width:100vw;z-index:100}.header__logo{margin:8px 0}.header__logo img{height:100%}@media(max-width:767px){.header__logo{margin:16px 0}}.header__menu__item{align-items:center;background:none;display:inline-flex;height:100%;justify-content:center;padding:0 24px;position:relative;text-decoration:none}.header__menu__item:before{background-color:#304ffe;color:#f5f5f5;content:"";height:100%;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .2s cubic-bezier(.56,1.12,.68,.79);width:100%;z-index:-1}.header__menu__item:hover{color:#f5f5f5}.header__menu__item:hover:before{-webkit-transform:none;transform:none}@media(max-width:767px){.header{padding:0 20px}}.page{background-color:#212121;height:100%;left:0;padding:20px 40px;position:absolute;top:0;width:100%}.video-frame{box-shadow:0 1px 50px rgba(48,79,254,.1);cursor:pointer;display:block;position:relative;transition:all .1s cubic-bezier(.56,1.12,.68,.79)}.video-frame img{border:2px solid transparent}.video-frame:hover{box-shadow:0 1px 50px rgba(48,79,254,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.video-frame:hover img{border:2px solid #304ffe;border-radius:5px}.video-frame:hover:after{background-color:#00000011;transition:all .1s cubic-bezier(.56,1.12,.68,.79)}.video-frame:after{background-color:#00000049;content:"";inset:0 0 0 0;position:absolute}.home-canvas{background-color:#212121;height:100vh;width:100vw}.Home{padding:0}.Home__content{display:flex;height:100%;justify-content:space-between;padding:80px;position:absolute;top:0;width:100%}.Home__content__left{grid-area:left}.Home__content__right{align-self:flex-end;grid-area:right;justify-self:right}@media(max-width:767px){.Home__content__right{display:none}}.Home__content .Home__title{font-family:Roboto Mono;font-size:4em;letter-spacing:5px;margin-bottom:0;text-transform:uppercase}.Home__content .Home__subtitle{color:#e0e0e0;letter-spacing:3px;margin-bottom:60px}@media(max-width:1249px){.Home__content{flex-flow:column}}@media(max-width:767px){.Home__content{padding:20px}}.Home__buttons{margin-top:40px}.Home__video,.Home__video img{width:400px}@media(max-width:1019px){.Home__video,.Home__video img{width:200px}}.App{display:grid;grid-template-rows:60px auto}.App .content{position:relative}@media (max-width:480px){.App .content{padding:20px}}*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"​";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:inline;display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}.fade-enter{opacity:0;z-index:1}.fade-enter-done:after,.fade-enter:after{-webkit-animation:slide-in .8s;animation:slide-in .8s;background:linear-gradient(45deg,#304ffe,#651fff);background:-webkit-linear-gradient(45deg,#304ffe,#651fff);bottom:0;content:"";height:calc(100vh - 60px);left:0;opacity:1;position:absolute}.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease-in}@-webkit-keyframes slide-in{0%{left:100%;right:0}50%{left:0;right:0}to{left:0;right:100%}}@keyframes slide-in{0%{left:100%;right:0}50%{left:0;right:0}to{left:0;right:100%}}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-cyrillic-ext-400-normal.b60acdafdfd55591eddf.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-cyrillic-400-normal.3b6a3201563987f5c30c.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-greek-400-normal.6c5721aefd48c14edd31.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+0370-03ff}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-vietnamese-400-normal.baa5de8fd025f9a570c0.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-latin-ext-400-normal.52237f44c81dd66b90e3.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-latin-400-normal.535bc89d4af715503b01.woff2) format("woff2"),url(/static/media/roboto-mono-all-400-normal.8c12dec86f8b17eac652.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-ext-400-normal.493afe7ae8ecfe268800.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-400-normal.5e493812deabd1d01e60.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-ext-400-normal.bb723e8458c9c653e505.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+1f??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-400-normal.1cbfc636c911faa4d0ca.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+0370-03ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-vietnamese-400-normal.c0bec65d01f776c00c91.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-ext-400-normal.c3dcdbd5bb4d4af80817.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-400-normal.4673b4537a84c7f7a130.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.376ea5d93f71583052f6.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body,html{font-family:Roboto;font-size:16px;height:100vh;margin:0;padding:0;width:100vw}@media(max-width:767px){body,html{font-size:12px}}@media(max-width:479px){body,html{font-size:10px}}.App{background:#212121;color:#eee;height:100vh;width:100vw}a{color:#2979ff;letter-spacing:1px;text-transform:uppercase;transition:all .1s cubic-bezier(.56,1.12,.68,.79)}a.button,a:hover{color:#304ffe}a.button{border:1px solid #304ffe;display:inline-block;margin:0 16px 0 0;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.56,1.12,.68,.79)}a.button:hover{background:linear-gradient(45deg,#304ffe,#651fff);background:-webkit-linear-gradient(45deg,#304ffe,#651fff);border:1px solid transparent;color:#f5f5f5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:480px){a.button{margin:0 8px 0 0;padding:6px 8px}}.roulz-text{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#651fff,#304ffe);background:-webkit-linear-gradient(45deg,#651fff,#304ffe);background-clip:text;-webkit-background-clip:text;font-weight:700;letter-spacing:1px}
/*# sourceMappingURL=main.df38c65b.css.map*/