body {
  padding: 50px;
  background:black;
}

h1 {
  font-family: sans-serif;
  font-size: 15vw;
  line-height: 1;
  color: yellow;
  padding-top:350px;
  padding-left: 400px;
}

h2 {
  font-family: sans-serif;
  font-size: 7vw;
  line-height: 1;
  color: red;
  padding-bottom: 50px;
}

body.is-special  {
  background: white;
}

body.is-special h2 {
  font-family: serif;
  color: black;
}

#sun {
  display: none;
  font-size: 15vw;
  padding-top: 350px;
  padding-left: 400px;
}

body.mood-swing #sun {
  display: block;
}

body.mood-swing #dark {
  display: none;
}
#click-me {
  position: absolute;
  top: 282px;
  left: 210px;
  transform: rotate(90deg);