body {
  position: relative;
  font-size: var(--body-font-size);
  font-family: 'RazerF5', 'Roboto', sans-serif;
  background-color: #000;
  color: #fff;
}

.next {
  animation: transNext 0.5s ease-out;
  transform: translate(-50%);
}

.prev {
  animation: transPrev 0.5s ease-out;
  transform: translate(0);
}

@keyframes transNext {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes transPrev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}