body {
  color: #b057ff;
  background-image:url('pictures/771.png');
  font-family: "Comic Sans MS";
  image-rendering: pixelated;
}
a {
  color: #ff24c5;
}
.abtcard {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 170px;
  height: 350px;
  position: absolute;
  top: 50px;
  left: 272px;
}
.abtpic {
  position: absolute;
  top: 70px;
  left: 310px;
}
.abttext {
  position: absolute;
  top: 200px;
  left: 300px;
  overflow: scroll;
}
.interest {
  border-radius: 10px;
  font-size: 14px;
  overflow: scroll;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 250px;
  height: 150px;
  position: absolute;
  top: 415px;
  left: 802px;
}
.characters {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 250px;
  overflow: scroll;
  height: 150px;
  position: absolute;
  top: 415px;
  left: 272px;
}
.music {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 250px;
  height: 150px;
  position: absolute;
  overflow: scroll;
  top: 415px;
  left: 537px;
}
.home {
  position: absolute;
  top: 27px;
  left: 280px;
}
.aboutbox {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 295px;
  height: 350px;
  position: absolute;
  top: 50px;
  left: 457px;
}
.abouttext {
  width: 280px;
  overflow: scroll;
  height: 340px;
  position: absolute;
  top: 58px;
  left: 470px;
}
.quizbox {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 283px;
  height: 168px;
  position: absolute;
  top: 232px;
  left: 767px;
}
.quizres {
  overflow: scroll;
  width: 275px;
  height: 160px;
  position: absolute;
  top: 240px;
  left: 775px;
}
.linkbox {
  border-radius: 10px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 283px;
  height: 168px;
  position: absolute;
  top: 48px;
  left: 767px;
}
.links {
  overflow: scroll;
  width: 275px;
  height: 160px;
  position: absolute;
  top: 56px;
  left: 775px;
}