

<style> 
#tabs {
float:right; margin:0;width:54%;  padding: 0.25em; height:8.5em; overflow-y:scroll; filter:drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black); background-image: url(https://ishimori.crd.co/assets/images/gallery10/7b0f8073_original.jpg?v=4d7345d1);
}
#tabs {
line-height: 0.75em;
  font-family:stay;
}
#tabs b {
  padding-left: 0.25em;
border: none;
  font-family:starborn;
  font-size: 1em;
  color:white;
  filter:drop-shadow(0px 1px #42e1f5) drop-shadow(0 -1px #f371a9) drop-shadow(1px 0 #f371a9) drop-shadow(-1px 0 #42e1f5); margin: 0em -0.25em 0em -0.25em;
}


#lacee {
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px; /* Adjust height based on your image size */
    z-index: 1000; /* Ensure the lace is on top of other elements */
    
    /* Apply the lace image as a repeating background */
    background-image: url('https://pixelsafari.neocities.org/dividers/rainbowribbon.gif');
    background-repeat: repeat-x; /* Tile the image horizontally */
  background-size: auto 100%; /* Ensure the image fits the height */ }

{cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani872.cur), auto !important;}

body {
background-image: url("https://i.imgur.com/3FxEquJ.jpeg");
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 150px; /* You must set a specified height */
  background-position: left; /* Center the image */
  background-repeat: right; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
} 
a {
color: #f371a9;
transition:0.2s ease;
  text-decoration:none;
}

a:hover { letter-spacing:0.2em; color:white; filter:drop-shadow(0px 1px #42e1f5) drop-shadow(0 -1px #f371a9) drop-shadow(1px 0 #f371a9) drop-shadow(-1px 0 #42e1f5) }

.bruh {
background-color:rgb(249,203,211);
color: #f371a9;
padding:5px;
border-radius:24px;
filter:drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
}

 @keyframes rainbow {
  0%   {border-color: #ff0000;}
  25%  {border-color: #ffff00;}
  50%  {border-color: #00ffff;}
  100% {border-color: #ff00ff;}
}


#fuck {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
 font-style: italic;
 font-size:2em;
 font-weight:bold; 
 color: #fff;
 -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;
}

@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.105)

}
}

@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.105)

}
}


#imagee {
  opacity: 100%;
height:450px;
width:100%;
  transition: .5s ease;
  backface-visibility: hidden;
  filter:drop-shadow(0px 1px #42e1f5) drop-shadow(0 -1px #f371a9) drop-shadow(1px 0 #f371a9) drop-shadow(-1px 0 #42e1f5);
  z-index:1;
}

.middle {
  transition: .5s ease;
  opacity: 100;
  position: relative;
top:-20em;
left: 1em;
  text-align: center;
  height: 10em;
  width: 10em;

background-color:transparent;
z-index: -5;
}

.containerr:hover #imagee {
  opacity: 1;
transform:rotate(3deg);

}

.containerr:hover .middle {
  opacity: 1;    
  left: 1em;
  top: -15em;
  z-index: 1;  
  transition: .5s ease;
  position:relative;

}
.containerr:hover .roblox{
opacity: 100;   
transition: .7s ease;
}
.roblox {
filter:drop-shadow(0px 1px #111) drop-shadow(0 -1px #111) drop-shadow(1px 0 #111) drop-shadow(-1px 0 #111);
  font-size: 1em;
  z-index: -5;
  margin: 0.5em 1em;
  opacity: 0;
  font-weight:bold;
  background-color:white;
  border-radius: 1em;
    overflow-y: scroll;
      height: 9em;
      width: 8em;
}
#vu {
border-width:7px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/0bf9b5b1bc56ef2bd4a443aeec3dab08/e7a46821cfe7af87-12/s250x400/d314d89c3d9fb927d552b57cf19abec1d0b29c13.png") 7 fill round;

}

#va {
border-width:7px;
border-style:solid;

border-image: url("https://foollovers.com/mat/baf/food/fo32-008-a.gif") 7 fill round;
}

#ac {
border-width:7px;
border-style:solid;
border-image: url("https://foollovers.com/mat/baf/heart/he32-012-c.gif") 7 fill round;
}

#vu > .roblox {
color:Orange;

font-family: starborn;
}
#va > .roblox {
color:pink;
font-family:GAU_pop_magic;
}
#ac > .roblox {
color:red;
font-family: billo;
}
.roblox > img {
width: 120px;
}



@keyframes squiggly-anim {
  0% {
    -webkit-filter: url("#squiggly-0");
            filter: url("#squiggly-0");
  }
  25% {
    -webkit-filter: url("#squiggly-1");
            filter: url("#squiggly-1");
  }
  50% {
    -webkit-filter: url("#squiggly-2");
            filter: url("#squiggly-2");
  }
  75% {
    -webkit-filter: url("#squiggly-3");
            filter: url("#squiggly-3");
  }
  100% {
    -webkit-filter: url("#squiggly-4");
            filter: url("#squiggly-4");
            }
  }
  #scratch {
  animation: squiggly-anim .9s linear infinite;
}

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <defs>
        <filter id="squiggly-0">
            <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="0" />
            <feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="6" />
        </filter>
        <filter id="squiggly-1">
            <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
            <feDisplacementMap in="SourceGraphic" in2="noise" scale="8" />
        </filter>
 
        <filter id="squiggly-2">
            <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
            <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" />
        </filter>
        <filter id="squiggly-3">
            <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
            <feDisplacementMap in="SourceGraphic" in2="noise" scale="8" />
        </filter>
 
        <filter id="squiggly-4">
            <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
            <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" />
        </filter>
    </defs>
</svg>




/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #b8ecf5 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 10px;
}

*::-webkit-scrollbar-track {
background: transparent;
}

*::-webkit-scrollbar-thumb {
background-color: #b8ecf5;
border-radius: 9px;
border: 1px inset #ffffff;
}




.kitty {
-webkit-mask-image: url(https://dl.dropbox.com/s/twerr59ki69ycwh/image-removebg-preview.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
 z-index:-30;
  min-width: 25%;
  max-width: 10em;

}


@font-face {
font-family: stay;
src: url(https://dl.dropbox.com/s/xkjr6b6enderxjs/staywork.otf);
}

@font-face {
font-family: hello kitty;
src: url(https://dl.dropbox.com/s/l5kzvuqppwfxa9z/hellokittyfont.ttf);
}

@font-face {
src: url(https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
font-family: starborn;
}

@font-face {
src: url(https://dl.dropbox.com/s/dsfe2xnk0wpa5vr/Cookies.ttf);
font-family: cookies;
}

@font-face {
font-family: "spacerangerlasital";
src:url(https://dl.dropbox.com/s/qj5rw9r6sf4usau/spacerangerlasital.ttf);
}

@font-face {
font-family:'protomo';
src: url(https://dl.dropbox.com/s/n2rde8xf929fs56/Protomo-Outline.otf);
}

@font-face {
font-family:'protomo-fill';
src: url(https://dl.dropbox.com/s/p7waq4bof8ne0qt/Protomo.otf);
}

@font-face {
font-family: "extrasalesblank";
src:url(https://dl.dropbox.com/s/nc25s7jqh0ck8rt/Extra%20Sales%20Blank.ttf);
}

@font-face {
font-family: "extrasales";
src:url(https://dl.dropbox.com/s/9ivlx9ine5cucb2/Extra%20Sales.ttf);
}

/*EMOJIS*/

@font-face {
font-family: emoji;
src:url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

@font-face{
font-family:iconbit2;
src:url(https://dl.dropbox.com/s/i1d2ad8yonq3ynb/IconBitTwo.ttf);
}

@font-face {
font-family: "fcoflares";
src:url(https://dl.dropbox.com/s/4z1ku1psv13yfx9/FcoFlares.TTF);
}

@font-face {
font-family: "starthings1";
src:url(https://dl.dropbox.com/s/mgwirfpcikd2ch5/starthings.ttf);
}

@font-face {
font-family: "starthings2";
src:url(https://dl.dropbox.com/s/0535374aty1oha0/starthings2.ttf);
}

@font-face {
font-family: "starthings3";
src:url(https://dl.dropbox.com/s/3yo4u1tgmne9yav/starthings3.ttf);
}

@font-face {
font-family: "starz";
src:url(https://dl.dropbox.com/s/3qjalebi96972ym/Starz%202.ttf);
}

@font-face {
font-family: "GAU_pop_magic";
src:url(https://dl.dropbox.com/s/uc173u9114n4o6r/GAU_pop_magic.TTF);
}

@font-face {
font-family: "1120";
src:url(https://dl.dropbox.com/s/ewu3ia58b6lv1c4/11.20___.TTF);
}

@font-face {
font-family: "senior";
src:url(https://dl.dropbox.com/s/0cxfog8a008fg6q/senior%20service.otf);
}

@font-face {
font-family: "Excelorate";
src:url(https://dl.dropbox.com/s/2x78euhqneotyca/Excelorate-Font.otf);
}

@font-face {
font-family: "cutie";
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
 
@font-face {
font-family: "billo";
src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
}
 
@font-face {
font-family: "day";
src: url(https://dl.dropbox.com/s/yob9nensv1rr0zq/HelloDay.otf);
}
 
@font-face {
font-family: "janda";
src: url(https://dl.dropbox.com/s/yrdkxo1lp0quocw/JandaHappyDay.ttf);
}
 
@font-face {
font-family: "kitten";
src: url(https://dl.dropbox.com/s/gluaq7dfui5acoa/KittenSlantTrial.ttf);
}

</style> 

