{{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{ border-radius: 10px; overflow: hidden; 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 { border-radius: 10px; display: block; width: 100%; max-width: 600px; margin: auto; } video { display: block; max-width: 600px; margin: auto; } 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{ display: block; margin: auto; float: center; text-align: center; list-style: none; } #menu li{ display: inline-block; } {{end}}