body{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/whitetiled.png');
     font-family: "Handjet", sans-serif;
  font-optical-sizing: auto;
  overflow-y: hidden;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "ELGR" 1,
    "ELSH" 2;
    user-select: none;
            }

            #overlay{
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(255, 253, 108, 0.274) 20%, rgba(255, 255, 255, 0.219) 50%);
    z-index: 100;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
    user-select: none;
}




.tenshi{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/dottedbrownnorange.png');
    background-position: 460px 700px;
    position: sticky;
    font-weight: 900;
    left: 10px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    font-size: 4em;
    border: outset 6px lightgrey;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    height: min-content;
  font-family: "RocknRoll One", sans-serif;
  font-weight: 400;
  font-style: normal;
  
}

.tenshi span{
    background: linear-gradient( #ff9710, rgb(255, 255, 255), rgb(222, 255, 74));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgb(167, 89, 26);
}

.tenshi span::before{
      background: -webkit-linear-gradient(
    -86deg,
    #ff1010 5%,
    rgb(201, 255, 130) 53%,
    rgb(138, 74, 255) 91%
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: #232d2d;
  text-shadow: 2px 2px 5px white;
}

.tenshi span::before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  
}


.container{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.profile{
    height: 95vh;
    display: flex;
}


.right-col{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/borders/orangewhitelinear.png');
    background-size: cover;
    border: double 7px rgb(255, 255, 255); 
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    height: 900px;
}

.blinkingtxt{
    animation: blinktxt 1s infinite;
    transition: .2s ease;
    padding: 4px;
    border-radius: 10px;
}

.main{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/borders/radialpinkyellow.png');
    background-size: cover;
    background-position: center;
    border: solid 5px rgb(255, 255, 255);
    border-radius: 5px;
    border-top-right-radius: 20px;
    width: 850px;
    height: 93.vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 95;
    padding: 5px;
}

.about-me{
    color: rgb(231, 120, 139);
    border: solid 2px white;
    border-radius: 10px;
    overflow-y: scroll;
    background: white ;
    padding: 5px;
    font-weight: 600;
    font-size: 1.2em;
}

.captcha-title-abt{
    text-decoration: underline;
  font-family: "Rubik Mono One", monospace;
  font-weight: 500;
  font-style: normal;
}



.fanlistings{
    padding: 5px 10px;
        color: rgb(231, 120, 139);
    font-family: "Iceberg", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline;
}



.intro-scroller{  
    margin: 10px 0px;
    background: white; 
    width: 100%;
    overflow: hidden;  
    display: flex;
    background-size: contain;
}

.intro-content{
  white-space: nowrap;
}



.side-bar{
    overflow-y: scroll;
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/sidebarabt.gif');
    background-size: contain;
    width: 250px;
    top: 20px;
    margin-left: 20px;
    position: sticky;
    border: 20px solid transparent;
    border-image: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/borders/paper.png') 17 round;
    border-image-slice: 34;
    background-clip: padding-box;
}

.header{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/dottedbrownnorange.png');
    background-position: 460px 600px;
    z-index: 25;
    position: sticky;
    top: 0;
    font-weight: 900;
    left: 0px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    font-size: 2.2em;
    border: outset 3px;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    height: min-content;
      font-family: "Iceberg", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.header span{
    background: linear-gradient( #ff9710, rgb(255, 255, 255), rgb(222, 255, 74));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgb(167, 89, 26);
}

.header span::before{
      background: -webkit-linear-gradient(
    -86deg,
    #ff1010 5%,
    rgb(201, 255, 130) 53%,
    rgb(138, 74, 255) 91%
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #232d2d;
  text-shadow: 2px 2px 5px white;
}

.header span::before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
}

.header2{
  font-size: 1.6em;
  font-family: "RocknRoll One", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: rgb(148, 113, 89);
  font-style: italic;
  background-color:#ffffff;
  z-index: -2;
  clip-path: polygon(25% 0%, 83% 0, 75% 100%, 15% 100%);
  text-align: center;
  
}




.navigation{
    background: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/butterfly.gif');
    background-size: contain;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 10px;
    border: rgb(255, 255, 255) outset 4px;
    padding: 4px;
    margin: 0px 0px;
}

.navigator-item a{
    font-size: x-large;
    font-weight: 900;
    color: rgb(148, 113, 89);
    background: #ffffff;
    text-decoration: none;
    transition: .2s ease;
      font-family: "Ubuntu Mono", monospace;
  font-weight: 700;
  font-style: italic;
    
}

#selector{
    animation: selector 1s infinite;
}

#selector a{
    animation: selector 1s infinite;
}

.navigator-item{
    width: 99%;
    background: #ffffff;
    border: solid 2px white;
    font-size: xx-large;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: .2s ease;
    text-align: center;
    border-radius: 5px;
    
}



.navigator-item:hover a{
    letter-spacing: 1px;
    animation: blink 1s infinite;
    transition: .2s ease;
}

.navigator-item:hover{
    letter-spacing: 1px;
    animation: blink 1s infinite;
    transition: .2s ease;
}

.webring-list{
    background: white;
    position: fixed;
    bottom: 50px;
    border: inset 4px;
    border-radius: 10px;
    width: 232px;
    height: 135px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.yumering {
    display:flex;
    box-sizing:border-box;
    gap:10px;
    justify-content:center;
    align-items:center;
    padding: 10px;
    height: 110px; width: 230px; /*edit this if necessary, but it might change/alter the way the div looks unless you edit the rest of the elements accordingly*/
    /*feel free to edit the stuff after this*/
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
    font-smooth:never;
    -webkit-font-smoothing:none;
    background: linear-gradient(to bottom, transparent, white), url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BACKGROUNDS/yumeback.gif');
    background-size: 100px;
}

.yumering #img {
    width: 100px; height: 90px;
    background-image: url('https://file.garden/aVQM54C0BH5GKhlj/CAPTCHA%202.6/BIG%20MISC%20DECALS/angeldevilyumirng.jpg'); /*IMPORTANT!! REPLACE THIS WITH YOUR FAV!*/
    border:1px solid rgb(255, 255, 255);
    border-radius: 2px;
    background-size:cover;
    background-position:center;
}

.yumering #inbox {
    width: 150px;
    font-size:12px;
}



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


@keyframes selector{
       0%{background-color: white; color: rgb(255, 255, 255);}
      50%{background-color: rgb(148, 113, 89); color: white;}
     100%{background-color: white; color: rgb(255, 255, 255);}
}




@keyframes blink{
       0%{background-color: white; color: rgb(255, 255, 255);}
      50%{background-color: rgb(148, 113, 89); color: white;}
     100%{background-color: white; color: rgb(255, 255, 255);}
}

@keyframes blinktxt{
      0%   {color: rgb(231, 120, 139);}
  25%  {color: rgb(209, 120, 231);}
  50%  {color: rgb(120, 231, 216);}
  100% {color: rgb(231, 155, 120);}

}


.button-grid{
    display: flex;
}


.grid-content{
    display: grid;
    grid-template-columns: auto auto auto;
}




.middle{
    background: white;
    border-radius: 10px;
    color: rgb(148, 113, 89);
    font-family: "Iceberg", sans-serif;
  font-weight: 400;
  font-style: normal;
    border: solid 2px white;
    padding-left: 5px;
    text-decoration: none;
}

.middle h1{

    text-align: center;
}




footer{
    font-weight: bolder;
    color: rgb(148, 113, 89);
    width: 100%;
    margin: 0px 40px;
    background: white;
    text-align: center ;
}

/*SCROLLBAR*/
::-webkit-scrollbar-track {
    box-shadow: outset 0 0 5px; 
    border-radius: 10px;
  }
::-webkit-scrollbar-thumb {
  background: rgb(255, 255, 255);
  border: solid 5px rgb(148, 113, 89);
  }
::-webkit-scrollbar {
    background: white;
    width: 4px;
  }
::-webkit-scrollbar-thumb:hover {
    background: lightgray;
  }

/* CREDIT TO OTHERS, FIND THANK YOU!!! */
#s-m-t-tooltip {
z-index: 938458935;
background: rgb(228, 228, 228);
color: #000000;
text-shadow: 2px 2px 2px #ffffff;
font-size: 15px;
line-height: 140%;
text-align:left;
border: inset 4px #cacaca;  
border-radius: 10px;                       
font-family: ms gothic;
letter-spacing: 1px;
text-transform: normal;
max-width: 300px;
word-wrap: normal;
padding: 5px;
display: block;
margin:10px;
box-shadow: 3px 4px 3px #000000;
/* Remove the transition stuff if you don't want the tooltip to be weirdly slow.*/
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}