@charset "UTF-8";

@font-face { font-family: 'Flama'; font-style: normal; font-weight: normal; src: url('assets/fonts/Flama Regular.woff') format('woff'); }
@font-face {font-family: "Flama Black"; src: url("assets/fonts/Flama Black.eot"); src: url("assets/fonts/Flama Black.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Flama Black.woff2") format("woff2"), url("assets/fonts/Flama Black.woff") format("woff"), url("assets/fonts/Flama Black.ttf") format("truetype"), url("assets/fonts/Flama Black.svg") format("svg"); }
body, html { font-family: 'Flama'; margin: 0; padding: 0; }
canvas { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
canvas div { background-color: rgba(0, 0, 0, 0); }
#scene { background-color: black; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.teaser { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100; }
.teaser h1 { font-family: "Flama Black"; }
body { background: #1A2226; }

.content-wrap { height: 100vh; }
.login-box { padding: 30px; margin-top: 80px; height: auto; background: #efefef; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.login-key { height: 40px; margin: 20px 0; background: -webkit-linear-gradient(#27EF9F, #FFC400); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.login-title { margin-top: 15px; text-align: center; font-size: 24px; letter-spacing: 2px; color: #1A2226; }
.login-form { margin-top: 25px; text-align: left; }