.poem-page {
  margin-left: clamp(1rem, 22vw, 20rem);
  margin-top: -1rem;
}

.poem-title {
  font-size: clamp(1.75rem, calc(1.543rem + 0.884vw), 2.25rem);
  font-weight: 700;
  margin-bottom: 0rem;
  color: var(--black);
  animation: title-reveal 0.3s ease-out both;
}

@keyframes title-reveal {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@media (max-width: 1000px) {
  .poem-title {
    margin-top: 1rem;
  }
}

@media (max-width: 450px) {
  .poem-page {
    margin-left: 1rem;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}