/* great little guide: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#toggling-themes */

h1 {
  font-size: 3em;
}

.availability {
  font-size: 4em;
}

.red {
  color: #fd0808;
}

.green {
  color: #0aab35;
}

.footer {
  font-size: .5em
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */
body {
  color: #eee;
  background: #121212;
}
body a {
  color: #809fff;
}
}


@media (prefers-color-scheme: light) {
  /* Light theme styles go here */
  body {
  color: #222;
  background: #fff;
}
a {
  color: #0033cc;
}
}