/* Ensures that links to the same page are handled via scrolling */
html {
    scroll-behavior: smooth;
  }

@keyframes hero-load {
    from {
     opacity: 0;
     transform: translate(0%, 0%);
    }
    to {
     opacity: 1;
     transform: translate(0%, 0%);
    }
   }
  
@keyframes navbar-load {
    from {
     opacity: 0;
     transform: translate(0%, 2.5vh);
    }
    to {
     opacity: 1;
     transform: translate(0%, 0vh);
    }
   }
     
@keyframes load {
    from {
     opacity: 0;
     transform: translate(-50%, -15%);
    }
    to {
     opacity: 1;
     transform: translate(-50%, -50%);
    }
   }

/*      
@keyframes sign-up-form-load {
    from {
     opacity: 0;
     transform: translate(0%, 3vh);
    }
    to {
     opacity: 1;
     transform: translate(0%, 0vh);
    }
   }

@keyframes animate
{
    0%
  {
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%
  {
        opacity: 1;
    }
    100%
  {
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
} */