@keyframes fade-in {
  0% {
    opacity: 1;
    background-color: var(--navy);
  }

  100% {
    opacity: 0;
    background-color: var(--dark);
  }
}

#fade-in {
  animation: fade-in 1s normal both;
  animation-delay: 0.25s;
  position: absolute;
  z-index: 999;
  height: 100%;
  width: 100%;
  opacity: 1;
}