@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.main-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-content h1 {
  text-align: center;
  font-family: 'Pacifico', cursive;
  font-size: 80px;
  cursor: pointer;
}

body.dark {
  transition: background-color 0.5s ease;
  background-color: #2c2f2c;
}

body.light {
  transition: background-color 0.5s ease;
  background-color: #FFFFFF;
}

.main-content h1 span {
  color: #3cc3b8;
}

.main-content h1.dark {
  transition: color 0.5s ease;
  color: #FFFFFF;
}

.main-content h1.light {
  transition: color 0.5s ease;
  color: #2c2f2c;
}