html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; scroll-behavior: smooth; } body { display: flex; flex-flow: column; min-height: calc(var(--vh, 1vh) * 100); } main {flex-grow: 1;} .section { padding: 2em 0; @media (min-width: 600px) {padding: 3em 0} @media (min-width: 62em) {padding: 4em 0} } .container { width: 100%; max-width: 960px; margin: 0 auto; padding: 0 1em; }