body {
  font-family: "Roboto", "Open Sans", Arial, sans-serif;
  --negative-margin: -1rem;
  --negative-margin-h3: -0.5rem;
  --paragraph-margin: 1.2rem;
}

p,
li {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
}

header p {
  font-size: 2rem;
}
header h1 {
  font-size: 4rem;
}

main h1,
main h2,
main h3 {
  text-transform: uppercase;
}

main h1,
main h2 {
  margin-bottom: var(--negative-margin);
}

main h3 {
  margin-bottom: var(--negative-margin-half);
}

main {
  color: #555;
}
main p {
  line-height: 1.2rem;
}
main p {
  margin: var(--paragraph-margin) 0;
}
main h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

footer section h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #aaa;
}
footer section ul li {
  line-height: 1.4rem;
}

a {
  text-decoration: underline;
  color: inherit;
}