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

      .box-container-1 {
    position: relative;
    z-index: 4;
    top: 100px;
    background-attachment: fixed;
    width: 500px;
    height: 450px;
    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-3 {
      width: 200px;
      height: 50px; 
      right: 160px;
      top: 250px;
      position: absolute;
      padding: 0px;
      background-color: transparent;
      border:  transparent;
      border-radius: 10px 10px 10px 10px;
      font-family:"Winky Rough";
      text-size-adjust: large;
      text-align: center;
      color: #eb91cd;
     }

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

/* 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)
}