@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Quicksand,sans-serif}body{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}section{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:100vw;height:100vh;display:flex;position:absolute;overflow:hidden}section:before{content:"";background:linear-gradient(#000,#0f0,#000);width:100%;height:100%;animation:5s linear infinite animate;position:absolute}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}section span{z-index:2;background:#181818;width:calc(6.25vw - 2px);height:calc(6.25vw - 2px);transition:all 1.5s;display:block;position:relative}section span:hover{background:#0f0;transition:all}section .signin{z-index:1000;background:#222;border-radius:4px;justify-content:center;align-items:center;width:400px;padding:40px;display:flex;position:absolute;box-shadow:0 15px 35px #000}section .signin .content{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;display:flex;position:relative}section .signin .content h2{color:#0f0;text-transform:uppercase;font-size:2em}section .signin .content .form{flex-direction:column;gap:25px;width:100%;display:flex}section .signin .content .form .inputBox{width:100%;position:relative}section .signin .content .form .inputBox input{color:#fff;background:#333;border:none;border-radius:4px;outline:none;width:100%;padding:25px 10px 7.5px;font-size:1em;font-weight:500;position:relative}section .signin .content .form .inputBox i{color:#aaa;pointer-events:none;padding:15px 10px;font-style:normal;transition:all .5s;position:absolute;left:0}.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{justify-content:space-between;width:100%;display:flex;position:relative}.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]{color:#000;letter-spacing:.05em;cursor:pointer;background:#0f0;padding:10px;font-size:1.35em;font-weight:600}input[type=submit]:active{opacity:.6}@media (width<=900px){section span{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (width<=600px){section span{width:calc(20vw - 2px);height:calc(20vw - 2px)}}
/*# sourceMappingURL=login.3e0b8324.css.map */