:root{--primary:#3751a0;--primary-variant:#283976;--secondary:#fff9ac;--secondary-variant:#c2d0ff;--on-surface:#292929;--on-background:#595959;--surface:#e0e0e0;--on-primary:white;--error:#870000;color:var(--on-surface);font-family:Arial,Helvetica,sans-serif;font-size:16px}body,form,main,section,ul,li,.logo{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:0;display:flex}body,main,ul,.logo{justify-content:center;align-items:center}form,main,section,li{justify-content:center;align-items:start}body{height:100%}.logo{box-shadow:0 2px 7px 0 var(--on-background)}main{gap:1rem;max-width:500px;height:100%;margin-bottom:10rem;padding:.5rem}ul{gap:1rem;list-style:none}form{gap:.3rem}input,button{box-sizing:border-box;width:100%;height:35px;font-family:Arial,Helvetica,sans-serif;font-size:1rem}input{border:1px solid var(--on-surface);border-radius:5px;padding:.4rem}input[type=submit],button{margin-top:1rem}button{margin-bottom:.3rem}input[type=submit],button{background-color:var(--primary);color:var(--on-primary);border:none;border-radius:5px}input[type=submit]:hover,button:hover{background-color:var(--primary-variant)}input[type=submit]:focus,button:focus{outline:1px double var(--on-surface);outline-offset:2px}label{font-weight:800}section{background-color:var(--secondary);padding:1rem}h1{color:var(--on-background);font-size:1.2rem;font-style:italic;font-weight:800}#course-list li{background-color:var(--secondary-variant);padding:1rem;font-size:1rem}#course-list li p{margin:0;padding:0}#course-list li p:first-of-type{border-bottom:1px solid var(--primary);margin-bottom:.2rem;padding-bottom:.2rem;font-size:1.3rem;font-weight:600}.info-list li p,.errors li p{margin:0;padding:0}.errors{color:var(--error);gap:0;margin-top:.4rem}