/* Outer */
body {
    padding-right: 16px;
    padding-left: 16px;
background-image: url(https://i.pinimg.com/1200x/58/45/b4/5845b46664fb519a84506f47a6417efb.jpg);
  background-size: cover;
  background-repeat: repeat;
    background-position: center;
  background-attachment: fixed;
overflow: hidden;
  display: flex;
    height: 100vh;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: relative;
}


.backimage {
  width:100%; 
height:100%; 
position:fixed; 
right: 0px;
  top: 0px;
background:transparent url("https://64.media.tumblr.com/b8e784a26440148ddc895adac46389b4/328d16c9028e2b68-da/s250x400/bc2d5ba7bbcb797aec141cfe7055fcdd5c697530.gifv");
filter:drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.5));
background-repeat:repeat-x;
  background-position: top center;
}

/* Inner */
/* Container */
.hithere {
  width: 450px;
        display: flex; 
    gap: 20px;
}

/* Sidebar */
.name3 {
      width: 100%;
    text-align: center;
      max-height: 20%;
}

.name2 {
    background: url(https://64.media.tumblr.com/9d59bc52bae021b183b51f92cd818dae/10025b7476da979d-5b/s250x400/36421fd21a222a60cec3d59b4d9a07c5696d090f.gif);
  background-position: center;
  line-height:100%;
  background-size: cover; 
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
    font-family: spirit;
    font-weight: 800;
    filter:
  drop-shadow( 1px  0px 0px #F8F6F9) 
        drop-shadow(-1px  0px 0px #F8F6F9)
        drop-shadow( 0px  1px 0px #F8F6F9) 
        drop-shadow( 0px -1px 0px #F8F6F9)
    drop-shadow(1px 2px 2px #CAC6C8);
}

.subheader {
  text-align: left;
}

.link {
  display: flex;
    align-items: center;
  width: 100%;
  margin-bottom: 4px;
}

.link::before {
    content: url('https://64.media.tumblr.com/d534bb654137baa8d9c48a6a8bc658bc/cf6e8f094ba02e95-c9/s75x75_c1/9423167f527edc257ac0aba070fe8fd7a2a768b2.gif');
    margin-right: 4px;
  filter:drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.5));

}

.bruh2 {
  margin-top: 5px;
    margin-bottom: 5px;

}

.sidebar {
margin: auto;
  position: relative;
  height: 450px; 
    box-sizing: border-box;
    justify-content: center;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(https://64.media.tumblr.com/tumblr_lmr15r8F951qcfn0j.bmp);
  background-size: 140px;
  background-repeat: repeat;
    background-position: center;
  background-attachment: fixed;
    font-family: Nintendo-DS-BIOS;
    line-height: 1.2em;
border-width:20px;
border-style: solid;
  border-image: url("https://i.postimg.cc/26JsTwKP/BORDER44-(2).webp") 45 / 28px round;
    border-image-outset: 5px;
  border-radius: 20px;
  filter:
    drop-shadow(0px 1px 1px #00000060)
    drop-shadow(0px 1px 2px #00000060);  
  width: auto;
  display: flex; 
  flex-direction: column;
}

a {
  text-decoration: none;
  }

a:hover {
  position: relative;
  top: 1pt;
  left: 1pt;
  }

/* Content container */
.container {
  width: 100%;
margin: auto;
  position: relative;
  background-color: white;
  height: 450px; 
    box-sizing: border-box;
    line-height: 1.2em;
border-width:20px;
border-style: solid;
  font-family: Nintendo-DS-BIOS;
  border-image: url("https://i.postimg.cc/T31Npmw5/borderbnr.png") 25 / 28px round;
    border-image-outset: 5px;
  border-radius: 10px;
box-shadow: 0px 1px 5px 5px rgba(0, 0, 0, 0.5);

}

/* Misc stylings */
  img {
vertical-align: middle;
margin: 0px !important;
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
      object-fit: cover; 
filter:drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.5));


}

@font-face {
  font-family: "spirit";src: url('https://static.tumblr.com/yn7vk7p/Ifrm4xvf7/spirit.ttf');
}

@font-face {
font-family: Nintendo-DS-BIOS;
src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
}

@keyframes swing {
  0% { transform: rotate(5deg); }
  50% { transform: rotate(-5deg); }
  100% { transform: rotate(5deg); } 
}

@keyframes float {
  0% {transform: translatey(0px); }
  50% {transform: translatey(-10px);}
  100% { transform: translatey(0px); } 
}

/* Pagedolls */

.bow {
position: absolute;
left: -35px;
top: -35px;
width:60px;
transform: rotate(-25deg);
z-index: 10;
    pointer-events: none;
    user-select: none;
}

.bun {
position: absolute;
right: -35px;
bottom: -35px;
  z-index: 5;
      pointer-events: none;
    user-select: none;
}

.wand {
position: absolute;
bottom: -20px;
  width: 90px;
right: -40px;
    margin-right: 10px;
transform: rotate(5deg);
z-index: 1;
  animation: float 2.5s infinite ease-in-out;
        pointer-events: none;
    user-select: none;
}

.charm {
position: absolute;
left: -30px;
top: -21px;
    width: 35px;
transform-origin: top center;
  animation: swing 3s infinite ease-in-out;
z-index: 5;
      pointer-events: none;
    user-select: none;
}