@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}section1{align-items:center;display:flex;flex-wrap:wrap;gap:2px;height:100vh;justify-content:center;overflow:hidden;position:absolute;width:100vw}section1:before{animation:animate 5s linear infinite;background:linear-gradient(#000,#0f0,#000);content:"";height:100%;position:absolute;width:100%}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}section1 span{background:#181818;display:block;height:calc(6.25vw - 2px);position:relative;transition:1.5s;width:calc(6.25vw - 2px);z-index:2}section1 span:hover{background:#0f0;transition:0s}section1 .signin{background:#222;border-radius:4px;box-shadow:0 15px 35px #000;padding:40px;position:absolute;width:400px;z-index:1000}section1 .signin,section1 .signin .content{align-items:center;display:flex;justify-content:center}section1 .signin .content{flex-direction:column;gap:40px;position:relative;width:100%}section1 .signin .content h2{color:#0f0;font-size:2em;text-transform:uppercase}section1 .signin .content .form{display:flex;flex-direction:column;gap:25px;width:100%}section1 .signin .content .form .inputBox{position:relative;width:100%}section1 .signin .content .form .inputBox input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:25px 10px 7.5px;position:relative;width:100%}section1 .signin .content .form .inputBox i{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{color:#fff;font-size:.8em;transform:translateY(-7.5px)}.signin .content .form .links{display:flex;justify-content:space-between;position:relative;width:100%}.signin .content .form .links a{color:#fff;text-decoration:none}.signin .content .form .links a:nth-child(2){color:#0f0;font-weight:600}.signin .content .form .inputBox input[type=submit]{background:#0f0;color:#000;cursor:pointer;font-size:1.35em;font-weight:600;letter-spacing:.05em;padding:10px}input[type=submit]:active{opacity:.6}@media (max-width:900px){section1 span{height:calc(10vw - 2px);width:calc(10vw - 2px)}}@media (max-width:600px){section1 span{height:calc(20vw - 2px);width:calc(20vw - 2px)}}
/*# sourceMappingURL=main.99d215ec.css.map*/