html { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } html, body { height: 100%; } body { align-items: center; display: flex; font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; justify-content: center; } h1 { font-size: 32px; } a, a:link, a:active, a:visited { text-decoration: none; color: #00c7b7; } a:hover { text-decoration: underline; } p { font-size: 18px; margin: 20px 0; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } .center { text-align: center; } .panel { background: #eee; border-radius: 6px; margin: 50px 50px; max-width: 46em; padding: 40px 60px; } .right { text-align: right; } @media (min-width: 768px) { p { font-size: 16px; } }