@keyframes classesBackground {
  from {
    background-position: left;
  }

  to {
    background-position: right;
  }
}

@keyframes rating {
  0% {
    transform: translate(-50%, 100rem);
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  90% {
    transform: translate(-50%, -1rem);
  }

  100% {
    transform: translate(-50%, 0);
  }
}

@keyframes headerLogo {
  from {
    transform: rotate(-60deg) translateX(-800px);
  }

  to {
    transform: rotate(-15deg) translateX(0);
  }
}

@keyframes classesBackground {
  from {
    background-position: bottom;
  }

  to {
    background-position: top;
  }
}

@keyframes blinking {
  from {
    opacity: 0.7;
  }

  to {
    opacity: 1;
  }
}
