html{
  background-image: url('https://i.pinimg.com/1200x/40/84/eb/4084ebe12e889c041211aaa570f81a43.jpg');
}
#main{
  width: 730px;
  height: 620px;
  margin: auto;
  margin-top: 0px;
}
#banner{
  width: 726px;
  height: 186px;
  background-color: #382c48;
  border: #251C34 2px solid;
}
#bannerpart{
  width: 726px; 
  height: 160px; 
    background-image: url('https://files.catbox.moe/4e1hn4.png');
      background-size: cover;
  background-position: bottom ;
}
#top{
  width: 730px;
  height: 420px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
#buttonbar{
  width: 171px;
  height: 416px;
  background-color: #382C48;
  border: #251C34 2px solid;
}
#mainpart{
  width: 358px;
  height: 416px;
  background-color: #837188;
  margin-left: 8px;
  border: #251C34 2px solid;
  background-image: url('https://files.catbox.moe/87wq4q.png');
  background-size: cover;
  z-index: 2;
}
#navbar{
  width: 171px;
  height: 416px;
  background-color: #837188;
  margin-left: 8px;
  font-size: 0;
  border: #251C34 2px solid;
  z-index: 0;
}
#heading{
  width: 100%-1;
  height: 19px;
  background-color: #382c48;
  border: #251C34 2px solid;
  background-image: linear-gradient(180deg, #382B48 36%, #251C33 56%);
  box-shadow: -1px -1.4px 1px inset #000000, 1px 3px 2.5px inset #443A54, 0px 0px 2px #443A54;
  font-size: 13px;
  text-align: right;
  color: #837188;
}
#bit{
  width: 171px;
  height: 22px;
  border: #251C34 solid;
  border-width: 1.5px 1px;
  background-color: #837188;
  font-size: 12px;
  background-image: linear-gradient(45deg, #50445E, #837188);
    text-align: left;
  font-family: serif;
    color: #251C34;
}
#coffin{
  height: 430px;
  width: 462px;
  z-index: 2;
  margin-left: -60px;
  padding: 1px;
  background-image: url('https://files.catbox.moe/nzq9dv.png');
  background-size: cover;
  display: grid !important;
}
#textcoffin{
  width: 145px;
  height: 280px;
  transform: rotate(-16.3deg);
  margin-left: 68px;
  margin-top: 80px;
  font-size: 18px;
  color: silver;
  overflow-y: scroll;
  text-align: center;
  font-family: serif;
  z-index: 2;
}
#overlay{
  height: 440px !important; 
  width: 462px !important;
  background-image: url('https://files.catbox.moe/siw4nt.png');
  background-size: cover;
  margin-top: -370px;
  z-index: 3;
  pointer-events: none
}
#bannerblurb{
  color: #837188;
  font-size: 12px;
  width: 726px;
  height: 21px;
  border: #251C34 2px solid;
  background-image: linear-gradient(180deg, #382B48 36%, #251C33 56%);
  box-shadow: -1px -1.4px 1px inset #000000, 1px 3px 2.5px inset #443A54, 0px 0px 2px #443A54;
  text-align: right;
  padding-top: 5px;
  margin: 0px 0px 0px -2px;
}
#second{
  width: 726px;
  height: 110px;
  margin-top: 10px;
  margin-bottom: 400px;
  display: flex;
  flex-wrap: wrap;
}
#prettyimage{
  height: 241px;
}
#fanshrines{
  width: 171px;
  height: 171px;
  background-color:;
}
#webmaster{
  width: 182px;
  height: 240px;
  position: absolute;
  margin-left: 171px;
  margin-top: -30px;
  background-image: url('https://files.catbox.moe/5hqb9z.png');
  background-size: cover;
  transform: rotate(9.3deg);
  z-index: 5;
  transition: 0.3s;
  transform-origin: bottom left;
}
#webmaster:hover{
   transform: rotate(16.3deg);
    transition: 0.3s;
}
#s-m-t-tooltip{
                -moz-border-radius: 0px;
                -webkit-border-radius: 0px;
                border-radius: 0px;
                text-align: center;
                max-width: 320px;
                z-index: 9999999999999;
                font-size: px;
                word-wrap: break-word;
                padding: 1px 5px;
                font-family: ;
                display: block;
                margin-left: 28px;
                margin-top: 20px;
                color: silver;
  text-shadow: 0px 1px 3px black;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
            }
#left {
  width: 171px; 
  height: 110px;
  background-color: #382B48;
  border: #251C34 2px solid;
  overflow-y: scroll;
}
#statuscafe {
    padding: .5em;
    background-color: #382B48;
  color: #837187;
}
#statuscafe a{
  display: none;
}
#statuscafe-username {
  color: #837187;
}
#statuscafe-content {
  color: #837187;
}
#middle{
  margin-left: 8px;
  height: 110px;
  width: 358px;
}
#right{
    width: 171px; 
  height: 110px;
  background-color: #837187;
  border: #251C34 2px solid;
  margin-left: 10px;
}
#music{
      padding: .5em;
  color: #251C33;
}

#buttonbox{
  width: 145px;
  height: 100px;
  margin: 22.5px .8em;
  background-color: #837188;
  border: #251C34 2px solid;
  color: #251C34;
}
#sitebut{
  margin-left: 25%;
  margin-top: 22.5px;
}
#fanlist{
  width: 33.3%;
  filter: grayscale(100%);
 transition: 0.3s;
}
#fanlist:hover{
   filter: grayscale(0%);
  transition: 0.3s;
}

a{
  color: silver;
}

#creditbox{
  color: #837188;
  font-size: 12.8px;
  margin-left: 37px;
}