html,body{height:100%}:root{--font-serif: "Times New Roman", Times, serif;--font-sans-serif: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-white-softer: hsla(0deg 0% 90% / 1);--color-white-soft: hsla(0deg 0% 95% / 1);--color-white: hsla(0deg 0% 100% / 1);--color-black-soft: hsl(0deg 0% 20% / 1);--color-green-lighter: hsl(126 22% 80% / 1);--color-green-light: hsl(126 22% 75% / 1)}body{margin:0;padding:0;display:flex;flex-direction:column;font-size:22px;line-height:1.5;font-family:var(--font-sans-serif);background:var(--color-white-soft);color:var(--color-black-soft)}header p{margin:0}header,footer{padding:2em;background-color:var(--color-white-softer);background-color:var(--color-green-light);border-bottom:1px solid var(--color-black-soft)}header{border-bottom:1px solid var(--color-black-soft)}footer{border-top:1px solid var(--color-black-soft)}main{flex:1;padding:2em}section+section{margin-top:1em}ol,ul{margin:0}