.layout{min-height:100vh;display:flex;flex-direction:column}.layout>main{max-width:800px;margin:0 auto;flex:1}header{height:80px;background:#fff;border-bottom:1px solid var(--brand-color);display:flex;align-items:center;overflow:hidden;justify-content:space-between;padding-inline:2rem}header h1{margin:0;padding:0;line-height:0}header .logo{height:calc(80px - .75rem)}nav{display:flex}nav ul{padding:0;margin:0}nav li{display:inline-flex}nav li a{height:80px;line-height:80px;font-size:1.25em;padding-inline:.75em;text-decoration:none;color:inherit}nav li a:hover{background:#f2f2f2}footer{text-align:center}*,*::after,*::before{box-sizing:border-box}:root,html{--brand-color:#cd2030}body{font-family:Open Sans,sans-serif;padding:0;margin:0}