@font-face{
  src: url(HeyComic.ttf);
  font-family: "comic";
}
@font-face{
  src: url(pixel.ttf);
  font-family: "pixel life";
}
body{
  background: url(https://i.postimg.cc/HnbWXtVf/0e2gud.png);
  color: #917983;
}
main{
  font-family: "pixel life";
}
#credit{
  position: absolute;
  margin-top: 650px;
  margin-left: 10px;
  z-index: 99;
}
iframe{
  border: 0px solid transparent;
  width: 220px;
  height:45px;
  padding: 0px;
  margin: 0px;
  bottom: 0px;
}
h1,h2,h3,h4,h5,h6{
  font-family: "comic";
  margin: 0;
  padding: 0;
}
a{
  margin: 0;
}
#interests{
  width:100%;
  height:144px;
  overflow-y: auto;
  margin-top: -26px;
  padding: 0;
  text-align: left;
}
h4{
  filter: drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0.3px black) drop-shadow(0.5px 0.5px 1px #FDF1F7) drop-shadow(-0.5px 0.5px 0 #FDF1F7) drop-shadow(0 0.5px 0 #FDF1F7) drop-shadow(0 0.5px 0 #FDF1F7);
  color: white;
  margin-bottom: 0;
  padding: 0;
}
#thang h2{
  font-family: "comic";
  position: absolute;
  z-index: 99;
  margin-top:185px;
  margin-left: 70px;
  font-size:28px;
  filter: drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0.5px 0.5px 1px #FDF1F7) drop-shadow(-0.5px 0.5px 0 #FDF1F7) drop-shadow(0 0.5px 0 #FDF1F7) drop-shadow(0 0.5px 0 #FDF1F7);
  color: white;
}
a{
  list-style-type: none;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
  color: #000;
}
p{
  padding: 0;
  margin: 0;
}
#arty{
  position: absolute;
  margin-top:520px;
  margin-left:4px;
  z-index: 90;
  filter: drop-shadow(0 1.5px 0 black) drop-shadow(0 01.5px 0 black) drop-shadow(0 1.5px 1.5px black) drop-shadow(1.5px 1.5px 2px #FDF1F7) drop-shadow(-1.5px  1.5px 0 #FDF1F7) drop-shadow(0 1.5px 0 #FDF1F7) drop-shadow(0 1.5px 0 #FDF1F7);
  -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;
}
#pfp{
  border-image: url(whiteborda.png) 8 fill round;
  border-width: 7px;
  border-style: solid;
  width: 210px;
  height: 200px;
}
#pfp img{
  border-radius: 20px;
  border: 1px solid #917983;
}
main{
  margin: auto;
  width:930px;
  height:640px;
  margin-top:10px;
  overflow: hidden;
  padding:5px;
  border-radius: 70px;
}
#thang{
  width: 220px;
  height:450px;
  border-image: url(pinkborder.png);
  border-image-slice: 8;
  border-image-repeat: round;
  border-image-outset: 5px;
  border-width: 9px;
  border-style: solid;
  background: white;
  margin-left: 27px;
  margin-top:20px;
  float: left;
}
#thang2{
  width: 220px;
  height:450px;
  border-image: url(pinkborder.png);
  border-image-slice: 8;
  border-image-repeat: round;
  border-image-outset: 5px;
  border-width: 9px;
  border-style: solid;
  background: white;
  margin-top: 20px;
  margin-left: 13px;
  overflow-y: scroll;
}
#middle{
  height:250px;
  width:360px;
  border-image: url(pinkborder.png);
  border-image-slice: 8;
  border-image-repeat: round;
  border-image-outset: 5px;
  border-width: 9px;
  border-style: solid;
  background: white;
  margin-top: 20px;
  margin-left: 13px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#middle2{
  position: absolute;
  width:360px;
  height:166px;
  border-image: url(pinkborder.png);
  border-image-slice: 8;
  border-image-repeat: round;
  border-image-outset: 5px;
  border-width: 9px;
  border-style: solid;
  background: white;
  margin-top: 303px;
  margin-left:278px;
  text-align: center;
}
#middle2 img{
  border: 2px solid #917983;
  border-radius: 40px 15px 40px 15px;
}
section{
  width: 355px;
  height:150px;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}
nav{
  text-align: center;
  width:100%;
}
footer{
  text-align: center;
  width: 100%;
}
#middle p{
  width:100%;
  height:100px;
  overflow-y: auto;
}
#middle img{
  border: 2px solid #917983;
  border-radius: 10px;
}
#bottom{
  border-image: url(pinkborder.png);
  border-image-slice: 8;
  border-image-repeat: round;
  border-image-outset: 5px;
  border-width: 9px;
  border-style: solid;
  background: white;
  width: 860px;
  height:70px;
  margin-top: 13px;
  margin-left:27px;
  overflow: hidden;
}
#wrap{
  width:100%;
  display: flex;
}
#charm{
  position: absolute;
  z-index: 50;
  margin-top:540px;
  margin-left: 700px;
}
#bow{
  position: absolute;
  margin-left:-30px;
  margin-top:-40px;
  transform: rotate(-15deg);
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95);
}