* {
  font-family: "Dosis", sans-serif;
}

.move-left-1 {
  transform: translateX(calc(-1 / 7 * 100%));
}

.move-left-2 {
  transform: translateX(calc(-2 / 7 * 100%));
}

.move-left-3 {
  transform: translateX(calc(-3 / 7 * 100%));
}

.move-left-4 {
  transform: translateX(calc(-4 / 7 * 100%));
}

.move-left-5 {
  transform: translateX(calc(-5 / 7 * 100%));
}

.move-left-6 {
  transform: translateX(calc(-6 / 7 * 100%));
}

.fade-in {
  animation: fadeInAnimation ease 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.fade-out {
  animation: fadeOutAnimation ease 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  .input-email {
    max-width: 12rem;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  #slider-container {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #slider-container {
    width: calc(100% - 2.5rem - 9rem);
  }
}