.home{background-color:#000;padding-left:3vw}.slogon{width:50vw;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:4vh;font-family:Georgia,Times New Roman,Times,serif}.slogon h2{filter:drop-shadow(.1vh .2vh .2vh rgb(84,172,175))}.slogon h2:hover{scale:1.1;transition:all 1s cubic-bezier(.455,.03,.515,.955)}.loginbox{width:50%;display:flex;align-items:center;justify-content:center}.loginbox h2{margin-bottom:5vh;color:#021f1f}.card{width:30vw;height:80%;background-color:#ffffffde;padding:4vw;border-radius:20px;box-shadow:inset .1vw -.5vw 1vw #0000008e,-.5vw -.5vw 10vw #021933,-.7vw -.7vw 20vw #021a35,-.9vw -.9vw 30vw #020824}.card h2{text-align:center;margin-bottom:4vh}.card p{margin-left:1vw;margin-bottom:5px}.card input{border-radius:30px;width:100%;border:1px solid rgb(197,184,183);padding:1vw;box-shadow:inset -.2vw -.1vw 1vw #ddd5d5;outline:none;margin-bottom:3vh}.loginbtn{width:60%;margin-left:4vw;margin-top:2vh;background-color:#006effdc;outline:none;border:none;color:#fff;padding:1vw 3vw;border-radius:30px}.loginbtn:hover{scale:1.2;box-shadow:.1vw .1vw 1vw #02393b;transition:all 1s cubic-bezier(.455,.03,.515,.955)}@media screen and (max-width:667px){.home{flex-direction:column}.slogon{width:100vw}.slogon h2{font-size:7vw}.loginbox{width:100vw;margin-bottom:4vh}.card{width:55vw;height:auto}}@media screen and (max-width:400px){.card{width:65vw;height:auto}}.container{width:100vw;height:89vh;background-color:#000;display:flex;justify-content:center;align-items:center;gap:4vw;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.uploadBox{text-align:center;width:40vw;height:70vh;background-color:#fff;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8vh;padding:4vw;font-size:2vw;box-shadow:inset .1vw -.5vw 1vw #0000008e,-.5vw -.5vw 10vw #021933,-.7vw -.7vw 20vw #021a35,-.9vw -.9vw 30vw #020824}.uploadbtn{padding:1vw 2vw;border-radius:20px;border:none;outline:none;background-color:#0f79e6;color:#fff;margin:1vw}.strtbtn{padding:1vw 2vw;border-radius:20px;border:none;outline:none;background-color:#0f90e6;color:#fff;font-weight:500}.processing{position:absolute;width:40vw;height:70vh;background-color:#fff;border-radius:30px;flex-direction:column;align-items:center;justify-content:center;gap:8vh;padding:2vw;box-shadow:inset .1vw -.5vw 1vw #0000008e,-.5vw -.5vw 10vw #021933,-.7vw -.7vw 20vw #021a35,-.9vw -.9vw 30vw #020824}@keyframes rotate-loading{0%{transform:rotate(0);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-moz-keyframes rotate-loading{0%{transform:rotate(0);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-webkit-keyframes rotate-loading{0%{transform:rotate(0);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-o-keyframes rotate-loading{0%{transform:rotate(0);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}.loading-container,.loading{height:15vw;position:relative;width:15vw;border-radius:100%}.loading-container{margin:40px auto}.loading{border:2px solid transparent;border-color:transparent #0f90e6 transparent #0f90e6;-moz-animation:rotate-loading 1.5s linear 0s infinite normal;-moz-transform-origin:50% 50%;-o-animation:rotate-loading 1.5s linear 0s infinite normal;-o-transform-origin:50% 50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-transform-origin:50% 50%;animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%;background-color:#fff}.loading-container:hover .loading{border-color:transparent rgba(43,224,209,.63) transparent rgba(43,224,209,.63)}.loading-container:hover .loading,.loading-container .loading{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#loading-text{-moz-animation:loading-text-opacity 2s linear 0s infinite normal;-o-animation:loading-text-opacity 2s linear 0s infinite normal;-webkit-animation:loading-text-opacity 2s linear 0s infinite normal;animation:loading-text-opacity 2s linear 0s infinite normal;color:#4f90e6;font-family:"Helvetica Neue, " Helvetica", " "arial";font-size:14px;font-weight:700;opacity:0;position:absolute;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);top:50%;left:50%}@media screen and (max-width:667px){.uploadBox{width:60vw;font-size:3vw}.processing{width:60vw}.loading-container,.loading{height:30vw;width:30vw}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw}