* {
  padding: 0;
  margin: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

.container {
  width: 100%;
}

.container .img-box {
  width: 50vw;
  height: 50vw;
  margin: 16vh auto 0;
  list-style: none;
}

.container .img-box img {
  width: 50vw;
  opacity: 1;
  transition: .5s;
}

.container .img-box img.invisible {
  opacity: 0;
  transition: .5s;
}

.container .btn-box {
  width: 50vw;
  margin: 5vh auto;
  text-align: center;
}

.container .btn-box .btn {
  width: 20vw;
  margin: 1vw;
  border-radius: 1vw;
}

#hahaha {
  display: none;
}

#music-icon {
  width: 8vw;
  height: 8vw;
  position: fixed;
  top: 1vw;
  right: 1vw;
  cursor: pointer;
  background: url('data:image/png;base64,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') no-repeat center / cover;
}

#music-icon.rotate {
  -webkit-animation: rotation 5s linear infinite;
  -moz-animation: rotation 5s linear infinite;
  -o-animation: rotation 5s linear infinite;
  animation: rotation 5s linear infinite;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}


