:root {
    --animate-repeat: 1;
  }
/*** Back entrances ***/
@-webkit-keyframes backInDown {
    0% {
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }
  33% {
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
    }
    90% {
      transform: translateY(0px) scale(1.7);
      opacity: 0.7;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes backInDown {
    0% {
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
.animate__backInDown {
    animation-name: backInDown;
    animation-duration: 3s;
    /*animation-delay: 1s; */
    animation-iteration-count: 1;
  }
  /*********** shakey **********/
  @keyframes shakeY {
    from,
    to {
      transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
      transform: translate3d(0, 10px, 0);
    }
  }
  .animate__shakeY,
  .shake:active {
    animation-name: shakeY;
    animation-duration: 1s;
  }

/* Slider 3 */
  #slideset3 { 
    height: 10em;
    border: 1px solid;
    position: relative;
    overflow: hidden;
  }
  #slideset3 > * {
    height: 100%; 
    box-sizing: border-box; 
    overflow: hidden
  }
  
  #slideset3 > * :first-child { 
    animation: 12s autoplay3 infinite ease;
  }
  @keyframes autoplay3 {
    0% {margin-top: 10em}
    4% {margin-top: 0em}
    21% {margin-top: 0em}
    25% {margin-top: -10em}
    45% {margin-top: -10em}
    50% {margin-top: -20em}
    71% {margin-top: -20em}
    75% {margin-top: -30em}
    96% {margin-top: -30em}
    100% {margin-top: -40em}
  }


@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  animation-duration: 3s;
  /*animation-delay: 1s; */
  animation-iteration-count: 1;
}


/* Keyframes for Fading In and Out */
@keyframes autoplay1 {
  0%, 100% {
    visibility: visible;
    opacity: 1; /* Fully visible */
  }
  33.33% {
    opacity: 0; /* Fading out */
    visibility: hidden;
  }
}

/*@media screen and (min-width 37.5rem) {
  
}*/