*{font-family:sans-serif;color:#f5f5f5;box-sizing:border-box}html{height:100%}html body{background-color:#212;display:flex;flex-direction:column;height:100%;margin:0}input{font-size:16pt;outline:none;padding:.5em;background-color:#545}input:focus{border:2px solid black}button{padding:.25em .5em;border-radius:5px;background-color:#434;font-size:16pt}button:hover{cursor:pointer}table{display:table;width:100%;margin-left:auto;margin-right:auto;margin-bottom:1em;border-spacing:2px;border-collapse:collapse;text-indent:0;text-align:left}table thead{border-block-end:2px solid}table th,table td{border:1px solid;padding:.25rem .75rem}.navbar{display:flex;flex-direction:row;align-items:center;max-width:100%;background-color:#101;margin-bottom:1em}.navbar .nav-container{display:flex;flex-direction:row;align-items:center;max-width:80em;width:100%;height:3.5em;margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em}.navbar .nav-container .logo{font-size:16pt;font-weight:700}.navbar p{margin:0}.page{display:flex;flex-direction:column;max-width:80em;width:100%;height:100%;margin-left:auto;margin-right:auto;padding-right:2em;padding-left:2em}.auth-form{max-width:50ch;margin-left:auto;margin-right:auto;height:100%;align-items:center;justify-content:center}.form{display:flex;flex-direction:column;width:100%}.form input{width:100%;margin-bottom:1em}.form #login{max-width:5em}.form button{align-self:center}.error{background-color:#323;padding:1em;border:1px solid #434;border-radius:5px}