html{
  background:
url("https://projects.codecraftworks.com/web/9YCojQdj7moTuw9qGCik/assets/BTS_logo_(2017).png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

#page-container{
  color: firebrick;
  font-family: "arial";
  margin: 2vw;
  padding: 1vw;
  opacity: 0.96;
  text-align: center;
}

#title
{
  background-color: #FFFDD0;
  margin-bottom: 10px;
  margin: 0vh 9vw;
  border-top-left-radius: 30%;
  border-top-right-radius: 30%;
  border-bottom-right-radius: 30%;
  border-bottom-left-radius: 30%;
}

.character {
  width: 20vw;
  border: 3px maroon dashed;
  margin: 1vw;
  border-radius: 20%;
  padding: 2vw;
}

.character:hover {
  cursor: pointer;
  width: 25vw;
  transform: rotate(75deg);
}

.character:active {
  transform: rotate(360deg);
  width: 30vw;
}