:root{--gap:1rem}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;margin:0}header{align-items:center;display:flex;justify-content:space-between}.hero{display:grid;min-height:40vh;padding:calc(var(--gap)*2);place-items:center}img{height:auto;max-width:100%}