@import url('fonts/kaushanscript/kaushanscript.css'); @import url('fonts/bainsley/bainsley.css'); html { background-color: khaki; } body { margin: 0; min-height: 400px; background: linear-gradient(to bottom, lightgreen -50px, khaki 400px); background-repeat: no-repeat; font-size: 1.5em; } a { text-decoration: none; } header { text-align: center; padding-top: 10px; height: 2em; font-family: kaushanscript, serif; font-size: 4em; background-image: url('img/mad-logo.png'); background-repeat: no-repeat; background-position: top center; background-size: contain; a:link, a:visited { color: brown; display: inline-block; margin-top: 1em; background: linear-gradient(to bottom, brown, yellow); background-clip: text; -webkit-text-fill-color: transparent; } } nav { font-family: bainsley, sans; text-align: center; ul { list-style-type: none; padding-left: 0; li { display: inline-block; margin-right: 1em; a:link, a:visited { color: blue; } a:hover { color: darkblue; } } li:last-child { margin-right: 0; } } } section { max-width: calc(800px + 2 * 10px); margin: 0 auto; font-family: bainsley, sans; } article { padding: 10px; } p.imagetext { font-style: italic; text-align: right; font-size: 0.85em; color: #444444; margin-bottom: 0.1em; } p.image { margin: 0; img { max-width: 100%; } }