body {
  background-image: url("https://files.catbox.moe/c09b83.jpg");
  font-family: 'hearts';
  
}
.MainContainer {
  position: absolute;
  background-color: #ffffff;
  background-image: url(https://files.catbox.moe/0o6s3c.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  padding: 10px;
  width: 47%;
  border-width: 7px;
  border-style: solid;
  border-image: url(https://files.catbox.moe/679il3.png) 8 fill round;
  filter: drop-shadow(5px -3px 1px white) drop-shadow(-3px 5px 1px white)
    drop-shadow(1px 0px 1px #0000004d);
} 


.PageHeaderImg1 {
  position: relative;
  background: #ffffff;
  padding: 1px;
  border: 1px solid #bea8ed;
  border-radius: 5px;
  box-shadow: -1px -1px 6px inset #9e9699, 1px 0px 2px #cccacb;
  margin-bottom: 10px;
  filter: drop-shadow(5px -3px 1px white) drop-shadow(-3px 5px 1px white)
    drop-shadow(1px 0px 1px #0000004d); 
}

.LeftSideBarRainbow {
  position: relative;
  background-color: #ffffff;
  width: 15%;
  height: auto;
  float: left;
  border: 1px solid #9489b0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 10px;
  color: #44404d;
  box-shadow: -1px -1px 2.5px inset #9e9699, 1px 0px 2px #cccacb;
}

.HeaderBar {
  position: relative;
  background-image: linear-gradient(
    84deg,
    rgba(255, 189, 200, 1) 0%,
    rgba(246, 255, 175, 1) 12%,
    rgba(205, 255, 167, 1) 25%,
    rgba(195, 241, 255, 1) 50%,
    rgba(241, 202, 245, 1) 69%,
    rgba(252, 206, 242, 1) 91%);
  width: 78%;
  height: auto;
  float: left;
  border: 1px solid #9489b0;
  box-shadow: -1px -1px 4px inset #9e9699, 0px 2px 4px #cccacb;
  padding: 5px;
  color: #44404d;
  margin-left: 10px;
  border-radius: 20px 20px;
}

.CenterBar {
  position: relative;
  background-color: #ffffff;
  width: 77%;
  height: auto;
  float: left;
  border: 1px solid #9489b0;
  box-shadow: -1px -1px 1.4px inset #9e9699, 0px 2px 4px #cccacb;
  padding: 10px;
  color: #44404d;
  margin-left: 10px;
  margin-top: 10px;
  border-radius: 5px;
}


/********* image nonsense *********/

.HoardStamps {
    width:  15%;
    height: 20%;
}  


.IMGHeader {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.IMGLaceBorder {
  width: 93%;
  height: 100%;
  object-fit: cover;
  border-width: 7px;
  border-style: solid;
  border-image: url(https://files.catbox.moe/679il3.png) 8 fill round;
  margin-top: 10px;
}

.IMGLaceBorderStamps {
  width: 30.5%;
  height: 50%;
  border-width: 3px;
  border-style: solid;
  border-image: url(https://files.catbox.moe/679il3.png) 4 fill round;
  margin-top: 10px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

.link-button a {
  color:blue;
}
.Links li{
  width:100%;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left:10px;
  height:13px;
  border-bottom:0px solid hotpink;
  box-shadow: -1px -1.4px 1px inset #9e9699, 2px 3px 1.5px inset white, 0px 0px 2px #aba4a6;
  background: rgb(253, 245, 247);
  background: linear-gradient(
    84deg,
    rgba(255, 189, 200, 1) 0%,
    rgba(246, 255, 175, 1) 12%,
    rgba(205, 255, 167, 1) 25%,
    rgba(195, 241, 255, 1) 50%,
    rgba(241, 202, 245, 1) 69%,
    rgba(252, 206, 242, 1) 91%);
}
a { color: #ed92f0;
}
a:hover {
  margin-left:4px;
  color:#faedf2;
}
a {
  margin-left:5px;
}
ul {
  padding-left: 0px;
  margin: 0px;
}
.navigation {
  border:2px groove pink;
  border-radius:17px;
  overflow:hidden;
}