.story-script-regular {
  font-family: "Story Script", sans-serif;
  font-weight: 100;
  font-style: normal;
}


.chiron-goround-tc {
  font-family: "Chiron GoRound TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.winky-sans {
  font-family: "Winky Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

body {
  /*background-image: url("https://i.pinimg.com/originals/cf/ec/88/cfec8819d8376a57c86e3c6e53ed618e.gif");*/
  background-color: #F52791;
  color: #ffffff;
  font-family: "Story Script";
  padding: 10vw;
  margin: 0;
}

section {
  display: grid;
  align-content: center;
  min-height: 32.75vh;
}

section text {
  font-family: "Winky Sans", sans-serif;
  font-size: 60px;
}

.hidden {
  opacity: 0;
  filter: blur(5px);
  transition: all 3s;
}

.show {
  opacity: 1;
  filter: blur(0);
}

@media(prefers-reduced-motion) {
  .hidden {
    transition: none;
  }
}


h1 {
  font-size: 100px;
}

h2 {
  font-size: 45px;
    font-family: "Chiron GoRound TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}