@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&family=Splash&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charmonman&family=Shadows+Into+Light&family=Splash&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300&display=swap');

.reveal h1 {
  font-family: 'Shadows+Into+Light', cursive;
}

.reveal h2 {
  font-family: 'Shadows+Into+Light', cursive;
}

.reveal code {
  color: #db3b25;
}

.reveal p {
  font-family: 'IBM Plex Sans', cursive;
  font-size: 2rem;
}

.reveal .quarto-title-author-name {
  font-family: 'IBM Plex Sans', cursive;
  font-size: 1.5rem;
}

.reveal .date {
  font-family: 'Shadows+Into+Light', cursive;
  font-size: 1.rem;
}

.reveal li {
  display: list-item;
  list-style-type: "🏴‍☠️";
  padding-inline-start: 1ch;
}

.slide-background-content {
  animation: wave 6s infinite ease-in-out;
}


@keyframes wave {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(20px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(-20px);
  }
}