*{font-optical-sizing:auto;font-family:Roboto Slab,serif}body{max-width:900px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}header{text-transform:uppercase}h1{text-align:center}h1 a{text-decoration:none}nav a{text-transform:uppercase;text-decoration:none}article{margin-bottom:2rem}nav ul{grid-template-columns:4fr 4fr 4fr;justify-items:center;padding:0;list-style-type:none;display:grid}.main-header{border-bottom:1px solid #000}footer{text-align:center;position:fixed;bottom:0}