@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";body,html{margin:0;padding:0}body{background-color:#f5f7fb;color:#fff;display:flex}h1,h2,h3,h4,p,span,a,div,label{font-family:Lato,sans-serif}div.errors{display:flex;flex-direction:column;background:#da5959;color:#fff;padding:15px;border-radius:4px;box-shadow:1px 3px 5px #0000004d}button{padding:10px 5px;margin:5px 15px;border:1px solid #2359A8;border-radius:4px}button.error{background:#da5959;border-color:transparent;color:#fff}button:hover{background:#b94545;padding:10px 25px;transition-duration:.3s}form{display:flex;flex-direction:column;width:100%;padding:15px}form div.form-group{display:flex;flex-direction:row;width:100%}form div.form-group.wrap{flex-wrap:wrap}form div.form-group div{display:flex;width:100%;flex-direction:column}form div.form-group div.width-50{width:50%}form div.form-group div.width-25{width:25%}form div.form-group div.width-75{width:75%}form input{padding:10px 5px;margin:5px 15px;border:1px solid #2359A8;border-radius:4px}form input[type=submit]{background:#2d6ac4;color:#fff;transition-duration:.3s}form input[type=submit]:hover{background:#2359A8;scale:1.01;transition-duration:.3s}form input[type=checkbox]{position:absolute;display:none;z-index:0}form input[type=checkbox]~label{box-sizing:border-box;padding:10px 15px;width:fit-content;background:transparent;transform:none;border:1px solid #2359A8;border-radius:4px;transition-duration:.3s}form input[type=checkbox]~label:hover{transition-duration:.3s;color:#fff;background:#2359A8;scale:1.01}form input[type=checkbox]:checked~label{color:#fff;background:#2359A8;transition-duration:.3s}form select,form textarea{padding:10px 5px;background:transparent;border:1px solid #2359A8;margin:5px 15px;border-radius:4px}form label{display:inline-flex;width:fit-content;margin:2px 15px;transform:translate(20px,15px);background:white}table{border-collapse:collapse;width:100%;color:#000}table td,table th{border:1px solid #ddd;padding:15px}table th{padding-top:12px;padding-bottom:12px;text-align:left;background:#266fd9;color:#fff}table tr:nth-child(2n){background-color:#f2f2f2}table tr:hover{background-color:#ddd}div.app{margin-left:calc(10vw + 50px);color:#000;width:90vw;overflow:scroll;padding:2%}div.app .container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px}div.app .page,div.app .card{box-sizing:border-box;box-shadow:1px 3px 5px #0000004d;background-color:#fff;border-radius:3px;padding:15px;width:100%;margin:30px 0;min-height:5%}div.app .page .title,div.app .card .title{font-size:1em;color:#646262;font-weight:bolder}div.app .card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px}div.app .card div{padding:0;display:flex;width:100%;flex-direction:row}div.app .card div.header{color:#646262;font-weight:bolder;font-size:1.2em;justify-content:space-between;align-items:center}div.app .card div.header svg{border-radius:50%;box-shadow:1px 3px 5px #0000004d;background:linear-gradient(135deg,#266fd9,#2359a8 40%,#2359a8);color:#fff;padding:10px}div.app .card div.body{font-size:4em;justify-content:center}nav{color:#fff;background:linear-gradient(100deg,#005a5b,#008c72 60%,#b0d1da);overflow:scroll;width:10vw;position:fixed;margin:0;top:0;bottom:0;padding:30px;display:flex;flex-direction:column}nav h1{text-align:center}nav div{display:flex;flex-direction:column}nav div h1{text-align:left}nav div.seperator{width:100%;margin:15px 0;border-bottom:1px solid white}nav div.seperator.little{width:60%}nav div a{align-content:center;display:flex;font-size:1.1em;text-decoration:none;color:#e9ecef80;padding:5px}nav div a svg{padding-right:8px}nav div a:hover{color:#fff}