body { font-family: 'arial'; padding: 0; margin: 0; font-size: 1.1em; background-color: #fff; } img { max-width: 99%; width: auto; height: auto; } a:hover { text-decoration: underline; } a { text-decoration: none; color: #000; } #topnav { width: 100%; background-color: #000000; } #topnav div { width: 600px; max-width: 95%; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; height: 30px; align-items: center; justify-items: center; } #topnav img { height: 20px; } #topnav div a { flex-grow: 1; text-align: center; color: #ffffff; vertical-align: middle; font-weight: bold; text-transform: uppercase; height: 100%; padding-top: 7px } #topnav div a:hover { background-color: #ffffff; color: #000000; text-decoration: none; } h1 { font-size: 2.5em; margin: 0; text-transform: uppercase; } main, header, footer { width: 600px; max-width: 95%; margin-left: auto; margin-right: auto; } header { padding: 5px; padding-bottom: 30px; } footer { text-align: center; padding: 10px 0 10px 0; font-size: 0.5em; } header nav { display: flex; } header a { color: #000000; } header nav a { flex-grow: 1; text-align: center; } #logo-space a { display: flex; flex-direction: row; width: 100%; } #logo-space img { align-self: center; } #logo-space h1 { display: flex; flex-grow: 2; } #logo-space #logo { display: flex; flex: 0 0 45px; } h2 { text-align: left; padding: 0; margin: 0; color: #000000; text-transform: uppercase; font-size: 1.5em; } h3 { text-transform: uppercase; text-align: left; } main { padding: 5px; } article { margin-bottom: 20px; padding: 10px; text-align: justify; background-color: ##fcfcfc; border-style: solid; border-color: #f3f1f1; border-radius: 3px; } article a { text-decoration: underline; } .next-link { float: right; } code { overflow-x: scroll; } .pagination { text-align: center } .pagination li { display: inline-block }