:root{color-scheme:light dark}@media (prefers-color-scheme:dark){body{color:#eee;background:#121212}section.hero{border:4px solid white}body a{color:#809fff}table,th,td{border:1px solid white}header{border-bottom:0.2rem solid white}footer{border-top:0.2rem solid white}}@media (prefers-color-scheme:light){section.hero{border:4px solid black}header{border-bottom:0.2rem solid black}footer{border-top:0.2rem solid #000}}body{padding:10px}table{border-collapse:collapse}th,td{border:1px solid black}section.hero{border-radius:10px;padding:10px;margin:10px}nav{text-align:right}nav a{font-size:1.8rem;font-weight:bold;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;font-size:1.2rem;color:#555}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic}section.hero ul{margin:10px}section.hero li{font-weight:bold;font-size:1.2rem;margin:10px}.logo a{font-weight:bold;text-decoration:none}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:60rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:1.2rem 0}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}}