*{box-sizing:border-box}body{margin:0;font-family:sans-serif;line-height:1.5}header,main,footer{width:min(100% - 2rem,60rem);margin-inline:auto;padding-block:1.5rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}footer{border-top:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;display:flex}footer p{margin:0}nav{gap:1rem;display:flex}main{align-items:center;min-height:70vh;display:flex}section{max-width:40rem}@media (width<=30rem){footer{flex-direction:column;align-items:flex-start}}