body{ margin:2em auto; max-width: 980px; } header#banner{ width: 100%; text-align: center; } header#banner h1{ margin: 2em 0; } header#banner h1 a{ text-decoration: none; } nav#menu{ width: 100%; text-align: center; background-color: magenta; border-radius: 1em; } nav#menu li{ background-color: white; border-radius: 1em; margin:1em 0; padding:1em; list-style: none; display: inline-block; } section#content{ margin: 4em 0; } article{ margin: 0 0 2em; } h1.category{ width: calc(100% - 4em); background-color: magenta; padding: 2em; margin: 2em 0; color:white; font-size: 32px; text-align: center; } /* general elements */ a, a:visited, a:hover, a:active{ color:inherit; } hr{ width: 100%; border:0; border-bottom:1px solid; margin:3em auto; }