body {
  background-image: url(https://file.garden/Z2JWlPfoVFPx7BzK/googg.gif);
  background-color: rgb(255, 255, 255);
  cursor: url(https://cur.cursors-4u.net/food/foo-5/foo509.cur), auto !important;
  overflow-x: auto;
  overflow-y: auto;
}


.centerwidget {
display: flex;
justify-content: center;
align-items: center;
padding-top: 100px;
height: 100px;
}


.Site-Button {
  position: absolute;
  height: 150px !important;
  width: 150px !important;
  background-color: #ffffff;
    top: 50px;
    left: 400px;
    z-index: 99;
border: solid transparent 5px;
   border-image-source: url('https://file.garden/Z2JWlPfoVFPx7BzK/Untitledswaa.png'); 
    border-image-slice: 40%;
    border-image-width: 50px;
    border-image-outset: 4px;
    font-family: 'Winky Rough';
    color: #eb91cd;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

#Buttonyayayay {
  overflow-y: scroll;
  width: 129px;
  border: #eb91cd solid 1px;
  color: #eb91cd;
}


.Site-Button2 {
  position: absolute;
  height: 200px !important;
  width: 500px !important;
  background-color: #ffffff;
  margin: auto;
  top: 665px ;
  left: 5px;
    z-index: 98;
border: solid transparent 5px;
   border-image-source: url('https://file.garden/Z2JWlPfoVFPx7BzK/Untitled2810_20250729145532.png'); 
       border-image-slice: 34%;
    border-image-width: 500px;
   border-image-outset: 25px;
    border-image-repeat: round;
    font-family: 'Winky Rough';
    color: #eb91cd;
    text-align: center;
    overflow-y: scroll;
    scrollbar-width: none;
    overflow-x:hidden;
    margin-bottom: 50px;
}



      .box-container-1 {
    position: absolute;
      left: 55px;
    z-index: 4;
    top: 50px;
    background-attachment: fixed;
    width: 500px;
    height: 600px;
    Padding: 10px;
    font-family:"Winky Rough";
    justify-content: center;
    text-align: center;
    color: #fab2ce;
    margin: auto;
    background-color: white;
    border:  transparent #ccc;
    border-radius: 6px 6px 6px 6px;
    border: 10px solid transparent; 
    border-image-source: url('https://file.garden/Z2JWlPfoVFPx7BzK/Untitledswaa.png'); 
    border-image-slice: 40%;
    border-image-width: 50px;
    border-image-outset: 4px;
    }

        .box-container-2 {
      width: 400px;
      height: 100px; 
      position: absolute;
      padding: 5px;
      top: 350px;
     overflow-y: scroll;
      background-color: #f0f0f0;
      border:  transparent #ccc;
      border-radius: 6px 6px 6px 6px;
      font-family:"Winky Rough";
      color: #df9ac4;
      border: 10px solid transparent; 
      background-color: #ffffffff;
      right: 50px;
      justify-content: block;
      border: 2px solid transparent; 
      border-image-source: url('https://files.catbox.moe/f2mu5z.png'); 
      border-image-slice: 40%;
      border-image-width: 20px;
      border-image-outset: 10px;
      border-image-repeat: round;
    }

    .box-container-2 a {
      color: rgb(170, 43, 128);
    }

        .box-container-3 {
      width: 200px;
      height: 50px; 
      right: 160px;
      top: 540px;
      position: absolute;
      padding: 0px;
      background-color: #fcecf2;
      border:  transparent;
      border-radius: 10px 10px 10px 10px;
      font-family:"Winky Rough";
      text-size-adjust: large;
      text-align: center;
      color: #eb91cd;
      box-shadow: 2px 2px 4px rgb(192, 93, 162);
     }

      .box-container-3:hover {
        background-color: #f1abd7;
        color: #f0f0f0;
        transform: rotateX(5deg) rotateY(5deg) scale(1.05);
        box-shadow: 2px 2px 4px rgb(192, 93, 162);
      }
     
     .box-container-4 {
      width: 390px;
      height: 30px; 
      right:50px;
      top: 30px;
      position: absolute;
      background-color: transparent;
      border:  transparent #ccc;
      border-radius: 6px 6px 6px 6px;
      border: 10px solid transparent; 
      justify-content: block;
      z-index: 11;
    }

    .box-container-4:hover {
        animation: bounce 1s ease infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

      .box-container-5 {
    position: absolute;
    z-index: 5;
    bottom: 250px;
    right: 230px;
    width: 400px;
    height: 400px;
    Padding: 10px;
    font-family:"Winky Rough";
    justify-content: center;
    text-align: center;
    color: #fab2ce;
    margin: auto;
    background-color: transparent;
    border-radius: 6px 6px 6px 6px;
    border: 10px solid transparent; 
    z-index: 99;
    }

        .box-container-6 {
      width: 200px;
      height: 200px; 
      left:400px;
      top: 500px;
      position: absolute;
      background-color: transparent;
      border:  transparent #ccc;
      border-radius: 6px 6px 6px 6px;
      border: 10px solid transparent; 
      justify-content: block;
      z-index: 99;
    }

    .background {
      position: relative;
      margin: auto;
      height: 1000px;
      width: 650px;
      background-color: transparent;
    }
    
    /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e8a1d5;
  border-radius: 10px 10px 10px 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-image: url(https://file.garden/Z2JWlPfoVFPx7BzK/scroll2.gif);
  border-radius: 10px 10px 10px 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-image: url(https://file.garden/Z2JWlPfoVFPx7BzK/scroll2.gif)
}

/* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!)
// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
// it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */

/* === ONIONRING.CSS === */
/* this file affects the style of the widget. remember to replace all instances of #webringid with whatever value you have for ringID in the onionring-widget.js file. make sure it still has the # at the front, though! probably easiest to use find+replace to do it */

#siwebring {
	color: black!important
}

#siwebring #templateWebring {
    font-family: trebuchet ms, sans-serif;
    text-align: center;
    width: 315px;
    height: 175px;
    background: url('/siwebring/siwidgetbg.png') no-repeat;
    background-size: cover;
    border: 3px #FF74B8 solid;
    font-size: 16px;
}

#siwebring #templateWebring a {
    color: #E7338C;
}

#siwebring #templateWebring a:hover{
    font-weight: bold;
}

#siwebring #webringboxes {
display: flex;
justify-content: center;
align-items: center;
padding-top: 10px;
height: 100px;
}

#siwebring #webringiconbox, #siwebring #iconWebring {
    width: 100px ;
    height: 100px;
    display: block;
}

#siwebring #webringiconbox {
    border: 3px solid #FF74B8;
    border-radius: 4px;

}

#siwebring #webringdescbox {
    width: 170px;
    margin-left: 20px;
}

#siwebring #webringdesc {  
    -webkit-text-stroke: white 3px;
    paint-order: stroke; 
}

#siwebring #webringlinks{
    width:100%;
    margin:auto;
}