*{
  scroll-behavior: smooth;
}
.intro {
    height: 100vh;
    width: 100%;
    background-color: #000000;
    opacity: 1;
    transition: opacity 1s ease-in-out;
  }
  
  .intro.fade-out-end {
    opacity: 0;
  }
  
  .fade-in {
    height: 100vh;
    width: 100%;
    background-color: #230060;
    opacity: 0;
    transition: opacity 2s ease-in-out;
    top: 0px; 
    left: 0px;
    border: 0,#000000;
  }
  
  .fade-in.fade-in-start {
    opacity: 1;
  }