@keyframes bg-zoom { 0% { transform: scale(1); }
  100% { transform: scale(1.3); } }
@keyframes green-band { 0% { width: 20px; transform: translateY(100%); }
  60% { width: 20px; transform: translateY(0); }
  100% { width: 100%; transform: translateY(0); } }
@font-face { font-family: 'Clippers'; src: url("Clippers-Regular.eot"); src: url("Clippers-Regular.eot?#iefix") format("embedded-opentype"), url("Clippers-Regular.woff2") format("woff2"), url("Clippers-Regular.woff") format("woff"), url("Clippers-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Aktiv Grotesk'; src: url("AktivGrotesk-Regular.eot"); src: url("AktivGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("AktivGrotesk-Regular.woff2") format("woff2"), url("AktivGrotesk-Regular.woff") format("woff"), url("AktivGrotesk-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
body { display: block; position: relative; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000000; font-family: 'Aktiv Grotesk'; font-size: 0px; letter-spacing: 0px; color: #ffffff; overflow-x: hidden; }

div.mainContainer { display: flex; position: relative; justify-content: center; align-items: center; width: 100%; max-width: 100vw; padding: 20px; height: auto; min-height: 100vh; padding: 0px; margin: 0px; background: #000000; }
div.mainContainer div, div.mainContainer a, div.mainContainer p, div.mainContainer span, div.mainContainer input { box-sizing: border-box; /*transition:.5s;*/ }
div.mainContainer a { text-decoration: none; }
div.mainContainer div.mainContent { display: flex; position: relative; justify-conetnt: flex-start; flex-direction: column; width: 100%; max-width: 400px; padding: 40px; background: #13233D; }
div.mainContainer div.mainContent div.logo { display: inline-block; position: relative; width: 160px; height: auto; }
div.mainContainer div.mainContent div.logo img { max-width: 100%; }
@media (max-width: 800px) { div.mainContainer div.mainContent { padding: 10px; }
  div.mainContainer div.mainContent div.logo { width: 120px; height: 120px; } }
div.mainContainer div.mainContent div.login { display: flex; position: relative; flex-direction: column; width: 100%; height: auto; margin-top: 40px; }
div.mainContainer div.mainContent div.login p { display: block; position: relative; width: 100%; text-align: left; font-family: 'Aktiv Grotesk'; color: #ffffff; font-size: 16px; line-height: 16px; }
div.mainContainer div.mainContent div.login p.instruction { font-family: 'Clippers'; }
div.mainContainer div.mainContent div.login form { display: flex; position: relative; flex-direction: column; width: 100%; height: auto; margin-top: 20px; }
div.mainContainer div.mainContent div.login form div { display: flex; position: relative; width: 100%; height: 44px; padding: 10px; border-radius: 0px 5px; border: 2px solid #ffffff; }
div.mainContainer div.mainContent div.login form div input { display: block; position: relative; width: 100%; height: auto; font-family: 'Clippers'; color: #ffffff; font-size: 16px; line-height: 24px; background: none; border: 0px; }
div.mainContainer div.mainContent div.login form p { text-align: center; margin: 10px 0px; }
div.mainContainer div.mainContent div.login form a { display: flex; position: relative; justify-content: center; align-items: center; width: 145px; height: 36px; background: #BB2D34; color: #ffffff; font-family: 'Clippers'; text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: 2px; margin-top: 40px; }

/*# sourceMappingURL=clippers-login.css.map */