@charset "UTF-8";

@keyframes bg-color {
  0% { background-color: #E85D12; }
  20% { background-color: #F2AC16; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  98% { background-color: #EE2E31; }
  100% { background-color: #ee442e; }
}

@keyframes hover-bounce{
    0%{
        transform: scale(1.0);
    }
    10%{
        transform: scale(0.95);
    }
    50%{
        transform: scale(1.2);
    }
    90%{
        transform: scale(0.95);
    }
    100%{
        transform: scale(1.0);
    }
}

@keyframes h1-in{
    0%{
      transform: scale(1.0);
      opacity: 0;
    }
    40%{
      transform: scale(1.15);
      opacity: 1;
    }
    80%{
      transform: scale(0.95);
    }
    100%{
      transform: scale(1.0);
      opacity: 1;
    }
  }

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

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

  @keyframes vertical-animation {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(-100%);
    }
  }

@keyframes vertical-animation-r {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

  @keyframes hor-animation {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

@keyframes hor-animation-r {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}


@keyframes bus-ani {
  from {
    transform: translateX(100vw);
  }

  to {
    transform: translateX(-100vw);
  }
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
@keyframes infinity-scroll-right {
from {
  transform: translateX(-100%);
}
  to {
  transform: translateX(0);
}
}



@media print{
  @keyframes h1-in{
    0%{
      transform: scale(1.0);
      opacity: 1;
    }
    100%{
      transform: scale(1.0);
      opacity: 1;
    }
  }
  @keyframes fade-in{
    0%{
      opacity: 1;
    }
    100%{
      opacity: 1;
    }
  }

  @keyframes fade-out{
    0%{
      opacity: 1;
    }
    100%{
      opacity: 1;
    }
  }
  @keyframes vertical-animation{
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(0);
    }
  }
  @keyframes vertical-animation-r {
    from {
      transform: translateY(-100%);
    }

    to {
      transform: translateY(-100%);
    }
  }
}