html, body {
  overflow-x: hidden;
  background-image: url('https://stockiings.github.io/main_assets/images/c9b86a5a35bdac2fc1ed0bb6c7a889b3[1].jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


#display_title{
  position: relative;
  text-align: center;
  transform: scaleX(1) scaleY(1);
  top:40px;
  z-index: 3;
  color:white;
}
#page_title{
  position: relative;
  text-align: center;
  transform: scaleX(1) scaleY(1);
  z-index: 3;
  color:white;
}
#display_sub_title{
  color:white;
  position: relative;
  text-align: center;
  transform: scaleX(2) scaleY(2);
  top: -50px;
  padding-bottom: 20px;
  z-index: 2;
}
#description_box{
  position: relative;
  border:2px solid;
  height:225px;
  width:200px;
  text-align: center;
  color:white;
}
#profile_row{
  display:flex;
  justify-content: center;
}
#pfp{
  padding-left:20px;
  position:relative;
  
 
}
#profile{
  position:relative;
  width: fit-content;
}
#pfp img {
    width:300px;
    height: 300px;
    border:4px solid;
}
#status_display{
  position:absolute;
  top:-30px;
  right:-120px;
}
#status_display img{
  width:200px;
}
#status_text{
  font-family: "Permanant Marker", cursive;
  width:100px;
  text-align: center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color:black;
  font-size:20px;
  z-index: 99;
}
#status_emoji_text{
  text-align: left;
  position: absolute;
  top:-30px;
  left: 50%;
  transform: translateX(-50%);
  font-size:60px;
  z-index: 100;
}
#banner{
    display: flex;
    justify-content: center;
    gap: 5px;
    text-align:center;
    padding-top:40px;
    color:white;
}
#banner img{
    width: calc(144px * 0.8);
    height: calc(108px * 0.8);
}
#socials{
    display: flex;
    justify-content: center;
    gap: 10px;
    text-align:center;
    padding-top:40px;
    color:white;
}
#cast_stuff1{
    display: flex;
    justify-content: center;
    gap: 10px;
    text-align:center;
    padding-top:40px;
    color:white;
}
#site_desc{
  text-align: center;
  color:white;
  filter: drop-shadow(2px 2px  black);
}
#chibi{
  width: 5px;
  height:5px;
}
#draggable {
  position: fixed;
  right: 20px;
  top: 50px;
  width: 200px;
  cursor: grab;
  user-select: none;
  z-index: 99999;
  -webkit-user-drag: none;
}

#draggable:active {
  cursor: grabbing;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.banner-item p {
    margin-top: 6px;
    color: white;
    text-align: center;
}
.outlined_text{
  font-size: 4rem;
  color: transparent;
  -webkit-text-stroke: 1px white;
  text-shadow: -4px -4px  black;
  font-weight: 600;
  text-transform: uppercase;
}
a img{
  color: black;
}


body.blog-page .main {
  background: white;
  padding: 2rem;
  border-radius: 8px;

}