.navbar{background-color:#1e2939}ul.navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}ul.navbar li{float:left}ul.navbar li a.active{background-color:#0d542b;color:#7bf1a8}ul.navbar li a{display:block;text-align:center;padding:14px 16px;text-decoration:none;color:#99a1af}ul.navbar a:hover{background-color:#364153;color:#fff}body{background-color:#f3f4f6;color:#101828;margin:0;padding:0;font-family:InterVariable}.page{margin:1.5rem;max-width:600px}h1{font-size:2rem;font-weight:700}input,output{max-width:40px;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem}