/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  color: #b057ff;
  background-image:url('pictures/771.png');
  font-family: "Comic Sans MS";
  image-rendering: pixelated;
}
  p {
  font-size: 17px;
}
a {
  color: #ff24c5;
}
.topnav {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 820px;
  height: 22px;
  position: absolute;
  color: #ff24c5;
  top: 115px;
  left: 252px;
}
.updatelist {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  font-size: 15px;
  height: 175px;
  overflow: scroll;
  position: absolute;
  top: 152px;
  left: 252px;
}
.fanlistings {
  font-size: 13px;
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  height: 125px;
  overflow: scroll;
  position: absolute;
  top: 342px;
  left: 252px;
}
.buttoncode {
  font-size: 15px;
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: 482px;
  left: 252px;
}
.resources {
  font-size: 16px;
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  height: 130px;
  overflow: scroll;
  position: absolute;
  top: 597px;
  left: 252px;
}
.middle {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 460px;
  height: 800px;
  position: absolute;
  top: 152px;
  left: 432px;
}
.about {
  font-size: 17;
  width: 270px;
  height: 180px;
  overflow: scroll;
  position: absolute;
  top: 165px;
  left: 440px;
}
.guestbook {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 157px;
  left: 700px;
}
.rightnav {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  height: 60px;
  position: absolute;
  top: 152px;
  left: 912px;
}
.links {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  overflow: scroll;
  font-size: 15px;
  height: 140px;
  position: absolute;
  top: 226px;
  left: 912px;
}
.shrines {
  border-radius: 15px;
  border: 4px solid #b057ff;
  background-color: #ffffff;
  width: 160px;
  height: 120px;
  overflow: scroll;
  position: absolute;
  top: 380px;
  left: 912px;
}
.blanket {
  width: 160px;
  height: 120px;
  position: absolute;
  top: 515px;
  left: 912px;
}
.banner {
  width: 820px;
  position: absolute;
  left: 252px;
}
.putatbottom {
  height: 30px;
  width: 900px;
  position: absolute;
  top: 1005px;
}
.nyan {
  height: 30px;
  width: 820px;
  position: absolute;
  top: 85px;
  left: 252px;
}
.stamp {
  height: 90px;
  width: 460px;
  position: absolute;
  top: 657px;
  left: 437px;
}
.webring {
  height: 190px;
  width: 220px;
  overflow: scroll;
  position: absolute;
  top: 442px;
  left: 667px;
}
.ponyad {
  position: absolute;
  top: 530px;
  left: 912px;
}
.divider1 {
  width: 460px;
  overflow: scroll;
  position: absolute;
  top: 350px;
  left: 440px;
}
.divider2 {
  width: 460px;
  overflow: scroll;
  position: absolute;
  top: 545px;
  left: 440px;
}
.divider3 {
  width: 460px;
  overflow: scroll;
  position: absolute;
  top: 633px;
  left: 440px;
}
.pokamen {
  width: 457px;
  position: absolute;
  top: 310px;
  left: 437px;
}
.moodsneasel {
  position: absolute;
  top: 373px;
  left: 660px;
}
.imood {
  font-size: 16px;
  position: absolute;
  top: 383px;
  left: 715px;
}
.soon {
  width: 215px;
  overflow: scroll;
  height: 245px;
  position: absolute;
  top: 377px;
  left: 440px;
}
.music {
  width: 0.2px;
  overflow: hidden;
  height: 1px;
  position: absolute;
  top: 377px;
  left: 440px;
}