body{margin:0;background-color:#385972;user-select:none}.header{width:100%;border-bottom:2px solid #000;background-color:#00bfff}.header .logo{height:75px;position:absolute;right:0;top:-25px}.profile{display:flex;flex-direction:row;align-items:center;margin:0}.profile div,.profile a{font:700 18px monospace;padding:10px;color:#f0f8ff;margin:0;cursor:pointer;border-right:1px solid #1565C0;transition:all .5s;text-decoration:none}.profile div:hover,.activeMenu,.profile a:hover{background-color:#1565c0}.profile img{height:55px;width:55px;border-radius:50%;cursor:pointer}.title0{font:650 25px monospace;margin-top:20px;border-left:5px solid royalblue;padding-left:10px;padding-bottom:3px;width:200px;margin-left:20px;background-color:#b3d0fd;color:#271616}.spinner1{display:flex;justify-content:center;align-items:center;height:calc(100vh - 150px)}.spinner1 div{background-color:#bbcfeb;height:50px;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;margin-left:3px}.spinner1 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner1 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner1 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner1 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#bbcfeb}::-webkit-scrollbar-thumb{background:#1565C0}::-webkit-scrollbar-thumb:hover{background:deepskyblue}body{margin:0;background-color:#385972}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.login,.spinner{width:400px;height:500px;border:1px solid black;border-radius:10px;background-color:#0ec3fa57;box-shadow:0 0 0 3px #d6d6f080}.logo,.spinner{display:flex;justify-content:center;align-items:center}.logo img{width:250px;margin-top:-30px}.title{font:650 25px monospace;margin-top:30px;border-left:5px solid royalblue;padding-left:5px;padding-bottom:3px;width:200px;margin-left:20px;background-color:#b3d0fd;color:#271616}.form-input{margin-left:20px;margin-top:20px}.form-input .form-label{font:600 20px monospace;margin-bottom:5px;color:#d6d6f0d8}.form-input .input{width:calc(100% - 28px);font:600 18px monospace;outline:none;padding:3px;transition:all .5s;background-color:#d3d9df;border-width:1px}.btn{width:calc(100% - 38px);font:600 25px monospace;outline:none;padding:3px;margin-left:20px;margin-top:30px;background-color:#d3d9df;border-width:1px;cursor:pointer}.error{position:absolute;color:#890005;font-size:80%;margin-left:5px;font-family:monospace}.spinner div{background-color:#bbcfeb;height:50px;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;margin-left:3px}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@keyframes sk-stretchdelay{0%,to,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes sk-stretchdelay{0%,to,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}