@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.shadow-host-companion{-webkit-animation:none!important;animation:none!important;background:none!important;box-shadow:none!important}body{background-color:#021626;color:#fff}.container{margin:5px}.capture,.upper{display:flex;justify-content:center}.capture{flex-direction:column;align-items:center;padding:10px}.capture video{margin-bottom:10px}.capture button{width:150px;height:41px;background-color:#4287f5;border:1px solid pink;border-radius:4px;color:#fff;font-weight:900;cursor:pointer;outline:none}.capture button:hover{background-color:rgba(202,15,202,.6509803921568628)}.results{margin-top:40px}.results .selected{border:2px solid gold;-webkit-animation:moveIt 5s infinite;animation:moveIt 5s infinite}@-webkit-keyframes moveIt{25%{border:4px solid #f0ca24}50%{border:4px solid #d3b118}to{border:4px solid #b39618}}@keyframes moveIt{25%{border:4px solid #f0ca24}50%{border:4px solid #d3b118}to{border:4px solid #b39618}}.results .type{list-style-type:none;display:flex;justify-content:center;position:relative}.results .type li{padding:15px 0 0 15px}.results .type .img{border-radius:50%;width:100px;height:90px;padding:5px}.results .type .name{margin:0;padding:0;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:"Quicksand",sans-serif}section{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;grid-gap:2px;gap:2px;flex-wrap:wrap;overflow:hidden}section:before{content:"";position:absolute;width:100%;height:100%;-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite}@-webkit-keyframes animate{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animate{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}section span{position:relative;display:block;width:calc(6.25vw - 2px);height:calc(6.25vw - 2px);background:#181818;z-index:2;transition:1.5s}section span:hover{background:#0f0;transition:0s}section .signin{position:absolute;width:400px;background:#222;z-index:1000;padding:40px;border-radius:4px;box-shadow:0 15px 35px #000}section .signin,section .signin .content{display:flex;justify-content:center;align-items:center}section .signin .content{position:relative;width:100%;flex-direction:column;grid-gap:40px;gap:40px}section .signin .content h2{font-size:2em;color:#0f0;text-transform:uppercase}section .signin .content .form{width:100%;display:flex;flex-direction:column;grid-gap:25px;gap:25px}section .signin .content .form .inputBox{position:relative;width:100%}section .signin .content .form .inputBox input{position:relative;width:100%;background:#333;border:none;outline:none;padding:25px 10px 7.5px;border-radius:4px;color:#fff;font-weight:500;font-size:1em}section .signin .content .form .inputBox i{position:absolute;left:0;padding:15px 10px;font-style:normal;color:#aaa;transition:.5s;pointer-events:none}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{-webkit-transform:translateY(-7.5px);transform:translateY(-7.5px);font-size:.8em;color:#fff}.signin .content .form .links{position:relative;width:100%;display:flex;justify-content:space-between}.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]{padding:10px;background:#0f0;color:#000;font-weight:600;font-size:1.35em;letter-spacing:.05em;cursor:pointer}input[type=submit]:active{opacity:.6}@media (max-width:900px){section span{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (max-width:600px){section span{width:calc(20vw - 2px);height:calc(20vw - 2px)}}
/*# sourceMappingURL=main.625c2195.chunk.css.map */