/* Banner */
banner {
position: relative; margin: 0; padding: 5em 0 5em 0; height: 100vh; color: _palette(fg); text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25); text-align: center; background: _palette(bg) url('images/banner.svg') bottom center no-repeat; background-size: 125% auto; .button { color: _palette(accent); text-shadow: 0 0 0.5px _palette(bg-light); } header { margin: 0 0 2em 0; h2 { font-weight: 400; font-size: 1.75em; letter-spacing: 8px; } } p { margin: 0; } footer { margin: 2em 0 0 0; } a { color: inherit; border-bottom-color: _palette(border); &:hover { border-bottom-color: _palette(border-light); } }
}