{{define "style"}} html, body { color: LightGrey; font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;; font-size: 15px; line-height: 170%; color: #35465D; background-color: #506692; } .title { padding: 20px; } .title:hover { background-color: #687fad; } article { margin-right: auto; margin-left: auto; } .headerWrapper { display: flex; background-color: #506692; justify-content: left; text-align: left; align: left; font-size: 25px; min-height: 90px; } .header{ margin: auto; text-align: left; } .posts{ width: 700px; background-color: #506692; } .post{ width: 568px; background-color: #d6e2fa; padding: 50px; margin-bottom: 30px; } h1 { color: #97c5e0; text-align: center; padding-top: 30px; } p { text-indent: 25px; } a { class="no-link" text-decoration: none; color: inherit } a:hover { background-color: #ffffff; } img { max-width: 500px; } ul { margin: 0; padding: 0; } .tagline{ text-align: center; color: #97c5e0; } .menu{ display: flex; justify-content: center; padding-bottom: 20px; color: #35465D; } .menuselect{ color: #529ecc; } .menuElement{ border: 20px; padding: 10px; text-decoration: none; } .menuElement:hover { background-color: #687fad; } .bottomMenu { display: flex; justify-content: center; text-decoration: none; text-align: center; } .bottomMenuElement{ border: 20px; padding: 10px; text-decoration: none; } .bottomMenuElement:hover { background-color: #ffffff; } } #menu ul{ float: center; text-align: center; list-style: none; } #menu li{ display: inline-block; } {{end}}