body {
  margin: 0;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95vh;
}

.aligner-item {
  max-width: 75%;
  text-align: center;
}

.post-title {
  font-size: 6em;
  opacity: 0;
}

.animate {
  transform: translateY(-100%);
  animation: fly-in 1s forwards;
}

@keyframes fly-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@font-face {
    font-family: 'Chloe';
    src: url('../font/Chloe-Regular.woff2') format('woff2'),
        url('../font/Chloe-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}