:root {
  --body-margin: 6em;
  --main-top-margin: 6em;
  --paragraph-margin: 12em;
  --double-line-spacing: 2em;
  --main-bottom-margin: 30em;

  --dark-gray: gray;
  --light-gray: lightgray;

  --hover-transition-duration: 0.3s;
}

@media only screen and (max-width: 719px) {
  :root {
    --body-margin: 2em;
    --paragraph-margin: 8em;
  }
}