* {
  font-family: 'Encode Sans Condensed', sans-serif;
  font-family: 'Grandstander', cursive;
  scroll-behavior: smooth;
}


:root {
  --alph-blue: #6420D4 ;
  --alph-pink: #FC2D7A ;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.fade-image {
  transition: opacity 1.5s ease-in-out;
  opacity: 0;
}