@font-face {
  font-family: 'Palladio';
  src: url('../assets/fonts/palladio/P052-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Palladio-Normal';
  src: url('../assets/fonts/palladio/P052-Roman.ttf') format('truetype');
}

.fade-left,
.fade-right,
.fade-up,
.fade-down {
  opacity: 0;
  transform: translateX(0);
  transition: all 1s ease;
}

.fade-left {
  transform: translateX(-50px);
}

.fade-right {
  transform: translateX(50px);
}

.fade-up {
  transform: translateY(50px);
}

.fade-down {
  transform: translateY(-50px);
}

.show {
  opacity: 1;
  transform: translateX(0) translateY(0);
}