:root {
  --fntSans: sans-serif;
  --fntSizeBase: 20px;
  --clrText: #01000b;
  --clrBodyBg: #fffee8;
  --clrContrast: #a8525b;
}
* { box-sizing: border-box; }

html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
body {
  background-color: var(--clrBodyBg); color: var(--clrText);
  font-family: var(--fntSans); font-size: var(--fntSizeBase);
  overflow-y: scroll;
}

body>div { max-width: 500px; width: 100%; margin: 10px auto; padding: 0 30px 20px 30px; }

h1 { color: var(--clrContrast); text-align: center; }
p.centered { text-align: center; line-height: 1.2; }
p img { max-width: 100%;
  height: auto; }