@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200&family=Source+Code+Pro&display=swap";*{box-sizing:border-box}body{height:100%;padding:0;margin:0;font-family:Mulish,sans-serif;background-color:transparent;font-size:9px;overflow:hidden}p{margin:1px;font-family:Source Code Pro,monospace}.logo{max-width:175px}#mycanvas{width:100vW;position:fixed;top:0}header{text-align:center;max-width:100vw;border:1px solid black;padding:14px 17px 13px 0;margin:0}h2{font-size:12px}h3{font-size:10px}h4{padding:10;margin:0;font-size:10px}h5{padding-right:40px}h6{padding:0;margin:0;font-size:10px}label{display:block;padding-bottom:5px;font-size:10px}.container{max-width:100vw;margin:10 auto;padding:0rem;background-color:transparent;display:block}.text-center{text-align:center}#text-center2{display:block;font-family:Source Code Pro,monospace;position:fixed;bottom:45%;right:10%;font-size:10px}@media screen and (max-width: 600px){#text-center2{margin:1px;display:block;font-family:Source Code Pro,monospace;position:flex;bottom:21%;right:17%;font-size:10px}}.logout{display:block;font-size:10px}.login .container{max-width:460px;margin:3rem auto;padding:0rem;border:0px solid #ddd;border-radius:.25rem;background-color:#fff}.input{appearance:none;display:block;width:100%;color:#000;border:1px solid black;background-color:#fff;padding:.9rem;border-radius:.25rem}.input.input-error{border:1px solid red}.input.input-error:focus{border:1px solid red}.input:focus{display:block;width:100%;color:#000;border:2x solid black;background-color:#fff;padding:.9rem;border-radius:.25rem}@media screen and (max-width: 600px){.container{width:80%}.input{padding:.5rem}.input:focus{padding:.5rem;border:2x solid black}}.error-message{font-size:9px;color:red}.error-message-all{font-size:9px;color:$error;text-align:center;margin:1 rem 0;display:none}.button{background-color:#fff;border:1px solid black;border-radius:27px;color:#000;cursor:pointer;font-size:9px;margin-top:20px;padding:15px 30px;position:fixed;top:50%;right:47%;//transition: all .2s}.button:hover,&:focus{background-color:#000;color:#fff;outline:0}@media screen and (max-width: 500px){.button{position:fixed;right:40%;top:340px}}#button2{background-color:#fff;border:1px solid black;border-radius:27px;color:#000;cursor:pointer;font-size:10px;margin-top:10px;padding:15px;position:fixed;bottom:40px;text-align:center;right:46%;//transition: all .2s}#button2:hover,&:focus{background-color:#000;color:#fff;outline:0}@media screen and (max-width: 600px){#button2{position:flex;right:40%}}#button3{background-color:#fff;border:1px solid black;border-radius:27px;color:#000;cursor:pointer;font-size:10px;margin-top:10px;padding:15px;position:fixed;bottom:40px;text-align:center;right:2%;//transition: all .2s}#button3:hover,&:focus{background-color:#000;color:#fff;outline:0}
