:root, :host {
  --color-primary: rgb(12, 36, 42);
  --color-secondary: rgb(110, 176, 6);
  --color-tertiary: rgb(110, 176, 6);
  --color-accent: rgb(250, 217, 28);
}

* {
  padding: 0;
  margin: 0;
}

body {
  background-color: var(--color-primary);
  font-size: 1.5em;
  font-family: Garamond;
}

a, a:visited {
  color: var(--color-accent);
}

ul {
  margin: 0 auto;
  font-size: 1em;
  width: 30%;
  min-width: 500px;
  display: block;
}

li { 
  margin: 1em;
  padding-left: 5px;
  list-style-type: none;
  color: var(--color-accent);
}

p {
  color: white;
  text-align: center;
  margin: 25px auto;
}

main {
  min-height: 500px;
}

h1, h3 {
  margin: 20px;
  text-align: center;
  color: white;
}