html, body {
  margin: 10;
  padding: 10px;
  display: flex;
  justify-content: center;
  }

pre{
  height: 70vh;
  width: 70vw;
  color: black;
  font-family: "Garamond", Serif;
  font-size: 2vh;
  margin-top: 5vh;
  margin-left: 5vw;
  line-height: 4vh;
}

.fade-section {
    opacity: 0; 
    animation: fadeInOut 6s ease-in-out forwards;
}

.section-1 { animation-delay: 3s; }
.section-2 { animation-delay: 8s; }
.section-3 { animation-delay: 15s; }
.section-4 { animation-delay: 22s; }
.section-5 { animation-delay: 29s; animation: fadeInStay 3s ease-in-out forwards; animation-delay: 29s; }

@keyframes fadeInOut {
  0% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeInStay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}