:root {
  --body-bg-grad-01: rgba(75,0,75,1);
  --body-bg-grad-02: rgba(100,0,100,1);
  --body-bg-grad-03: rgba(125,0,125,1);
  --body-bg-grad-01: rgba(0,75,75,1);
  --body-bg-grad-02: rgba(0,100,100,1);
  --body-bg-grad-03: rgba(0,125,125,1);
  --main-width: 600px;
  --main-max-wd: 800px;
  --main-min-wd: 400px;
  --main-bg1: linear-gradient(180deg, var(--body-bg-grad-01) 0%, var(--body-bg-grad-02) 50%, var(--body-bg-grad-03) 100%);
  --main-bg2: linear-gradient(180deg, var(--body-bg-grad-01) 0%, var(--body-bg-grad-02) 25%, var(--body-bg-grad-03) 50%, var(--body-bg-grad-02) 75%, var(--body-bg-grad-01) 100%);
}

* { box-sizing: border-box; }

body {
  font-family: sans-serif;  
  margin: 10px;
  background: var(--body-bg-grad-02);
  height:100vh;
  background: var(--main-bg2);
  height:100%; 
}

h1 { 
  text-align: center;
}

main {
  font-family: sans-serif;
  width: var(--main-width);
  max-width: var(--main-max-wd);
  min-width: var(--main-min-wd);
  margin:0 auto;
  margin-top: 20px;
  padding: 0.5rem;
  background:white;
  border-radius: 0.5rem;
  border: 1px solid #aaa;
  box-shadow:1px 1px #444;
  text-shadow:1px 1px #999;
}

ol, ul {
  margin-left: 1.5rem;
}

li {
  line-height:1.5;
}