body {
  background-image: url("https://files.catbox.moe/v4jnnx.gif");
  font-family: ms pgothic;
  
}
.MainContainer {
  position: absolute;
  background-image: url(https://files.catbox.moe/1uy0lz.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  padding: 10px;
  width: 67%;
  left: 14%;
  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); 
}

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

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

.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: 75.6%;
  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: 58%;
  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;
}

.CenterBar2 {
  position: relative;
  background-color: #ffffff;
  width: 27.4%;
  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;
  background-image: url("https://files.catbox.moe/7p1int.jpg");
}

.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/f58km5.png) 8 fill round;
  margin-top: 10px;
  border-radius: 6%;
}

.clock {
  position: absolute;
  width: 162px;
  border: 1px #f6c8d9;
  margin-top: 162px;
  margin-bottom: 5px;
  margin-left: 16.6%;
  height: 20px;
  padding: 5px;
  box-shadow: -1px -1.4px 1px inset #9e9699, 2px 3px 1.5px inset white,
    0px 0px 2px #cccacb;
  background: rgb(251, 240, 255);
  text-align: center;
  border-radius: 15px;
  font-weight: 600;
  color: #b58785;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white)
    drop-shadow(1px 1px 0px #0000004d);
  font-family: ms pgothic;
}

.PinkNavBar 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(255,255,244);
  background: linear-gradient(180deg, rgba(255,240,246,1) 41%, rgba(255,247,251,1) 56%);
}

a { color: #fa83b3;
    margin-left:5px;
}

a:hover {
  color: #ffe7ed;
}

ul {
  padding-left: 0px;
  margin: 0px;
}

.navigation {
  border:2px groove pink;
  border-radius:7px;
  overflow:hidden;
}