html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: hidden;
}
body .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vmin;
}
@media (min-aspect-ratio: 3/4) {
  body .content {
    width: 70vmin;
  }
}
body .content .logo-text {
  margin-top: 1rem;
}
body .content nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0rem;
  margin-top: 1.5rem;
  width: 100%;
}
body .content nav a {
  display: block;
  width: 20%;
  min-width: 2rem;
  max-width: 5rem;
  transition: scale 50ms ease-in-out;
  color: #339911;
}
body .content nav a:hover {
  filter: saturate(80%) brightness(120%);
  scale: 1.2;
}