:root {
  --highlight-color: #2B00FF;
  --text-color: #000000;
  --bg-color: #ffffff;
}

* {
  font-size: 60px;
}

h1, h1>* {
  font-size: 80px;
}

a {
  text-decoration: none;
  color: var(--highlight-color);
}

a:hover {
  background: var(--highlight-color);
  color: var(--bg-color);
}

/* mobile view */
@media only screen and (max-width: 1000px) {
  * {
    font-size: 40px;
  }

  h1, h1>* {
    font-size: 60px;
  }
}