:root {
  /* CSS Variables */
  --color-gold: #cf9300;
  --color-dark-gold: #ffd700;
  --color-light-gold: #f2da93;
  --font-h1: 3rem;
  --font-h2: 2.5rem;
  --font-h3: 2rem;
  --background: #0e0e0e;
}

/*
@media (min-width: 900px) {
  .navigation {
    max-width: 100%;
  }
}
*/

@media (max-width: 900px) {
  header {
    max-width: 100%;
  }

  .navigation>a {
    margin: 0px;
    flex-basis: 2;
  }

  .logo {
    max-width: 100%;
    font-size: var(--font-h2);
  }

  .content {
    max-width: 90%;
  }
}

@media (max-width: 300px) {
  .logo {
    font-size: 1.5rem;
  }
}