body {
  font-family: Saira, sans-serif;
}

main {
  background: #444444;
}

.text-tertiary {
  color: #d9d9d9;
}

.text-tertiary-subtle {
  color: #7c7461;
}

/* Animation classes */

.fade-in {
  display: block;
  animation: fade-in 0.7s ease-in forwards;
}

.fade-out {
  animation: fade-out 0.7s ease-out forwards;
}

/* Animation keyframes */

@keyframes fade-in {
  0% {
    opacity: 0;
    display: none;
  }

  100% {
    opacity: 1;
    display: block;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    display: block;
  }

  100% {
    opacity: 0;
    display: none;
  }
}