@keyframes dropin {
    from {
        opacity: 0;
          transform: translateY(150px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  @keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroanimation {
    from {
        transform: translateY(200px);
    }
    to {
        transform: translateY(0);
    }
}