body {
  background-image: url("https://file.garden/ZnOP4WYRNQ9BogGC/BACKGROUNDS/download%20(7).png"); font-size: 14px; font-family: digitaldisco;

  /* Centers the image perfectly */
  background-position: center; 

  /* Scales the image to cover the entire area */
  background-size: cover; 

  /* Prevents the image from tiling */
  background-repeat: no-repeat; 

  /* Keeps the background fixed while scrolling */
  background-attachment: fixed; 
  
  cursor:url("https://file.garden/ZnOP4WYRNQ9BogGC/web/old-roblox/Normal%20Select.cur"), pointer;overflow-x: hidden;
  
}
.title{
  height:100px;
  background-size:250px;
  background-image:url(https://i.pinimg.com/736x/8b/f2/15/8bf21549437662b4715a2daa2d5a988f.jpg); width: 950px; padding: 10px;margin: auto; border: inset black;
}
pre {
  color: #c9c444;
  margin-top: -16px;
   position: absolute;
}
.hover-text{
  font-style: normal; 
  transition: font-style 0.3s ease;
}
.hover-text:hover {
  font-style: italic;
}

.panel{
  height: 310px;
  background-size: 300px;
  border: 4px ridge #c9c444;
  margin-top: 40px;
  background-color: #d8d5b4;
  padding: 2px;
  border-radius:5px;
 
}
.hiddenpanel{
   height: 310px;
  background-size: 300px;
  margin-top: 5px;
  padding: 2px;
  border-radius:5px;
}
.adds{width:200px;border-radius:4px;}


/*button stuff*/
.hover-but {
  /* Optional: add a smooth transition effect */
  color:#322E1A;
  transition: font-style, letter-spacing 0.4s ease; 
  padding: 2px;
  background-color:#BECE45;
  

}

.hover-but:hover {
  /* Style to apply on hover */
  font-style: italic;
  letter-spacing: 1.5px;
  background-color:#322E1A;
  color:#BECE45;
  
}

button {
  font-family: bdrocket;
  text-align:left; margin-bottom:5px;
  margin-left: 1px;
  border-style: none;
  background-color:#BECE45;
  color:#322E1A;
 font-size:18px;
  border-style: hidden hidden hidden solid;

}
/*Button end*/

.box{width: 360px;
  margin-left: 10px;}
.stamptwo{

 width:75px;
}
.stamp {
  width: 65px;

  mix-blend-mode:multiply;
  background-color: rgb(190, 206, 69, .9); /* Red tint with 40% opacity */
}

.testy {
    background-color: #C3C945;
  border: solid;
 border-color: transparent transparent #C3C945 #C3C945;
  border-radius: 30px 30px 0px 0px;
  padding:5px 10px 0px 10px;
  font-family:bdrocket;
 text-align:left;
}
.tinytwobox{
 margin:10px;
  width:305px;
  height:190px;
}
.tib{
  overflow:auto;scrollbar-width: none;  border-style: groove; border-color: #c9c444; padding: 2px;font-size: 14px; background-color: #fffddb;height:70px;font-family:ms gothic; border-radius:5px;width:315px;
}
.tib2{
  overflow:auto;scrollbar-width: none; padding: 2px;font-size: 14px; b;height:250px;font-family:ms gothic; border-radius:5px;width:155px;background-image:url('https://file.garden/ZnOP4WYRNQ9BogGC/web/download%20(9).png'); /* Center the image vertically and horizontally */
  background-position: center;

  /* Scale the image to completely fill the container */
  background-size:319px;
}

  


.hover-ttxt {
  /* Optional: add a smooth transition effect */
  color:#322E1A;
  transition: font-style, letter-spacing 0.4s ease; 
  padding: 2px;
  background-color:#BECE45;
  font-weight: bold;
  font-size:20px;
 

}

.hover-ttxt:hover {
  /* Style to apply on hover */
  font-style: italic;
  letter-spacing: 1.5px;
  background-color:#322E1A;
  color:#BECE45;
  font-weight: bold;
  
}

.ttxt {
  font-family: bdrocket;
  text-align:left; margin-bottom:5px;
  margin-left: 1px;
  border-style: none;
  background-color:#BECE45;
  color:#322E1A;
 font-size:18px;
  border-style: hidden hidden hidden solid;
  font-weight: bold;

  
}

.image-container {
  position: relative; /* Restricts the absolute child overlay to this container */
  display: inline-block; 
   width:90px;
  
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
  
  
}

/* The color overlay layer */
.image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 mix-blend-mode: multiply;
  background-color: rgb(190, 206, 69, 0.7); /* Red tint with 40% opacity */
  
  z-index: 1; /* Puts it directly above the image */
}

/* 1. Unvisited link */
a:link {
  color:#312F1A; /* Blue */
}

/* 2. Visited link */
a:visited {
  color: #312F1A; /* Purple */
}

/* 3. Mouse-over (Hover) */
a:hover {
  color: #B9D345; /* Red */
}

/* 4. Active (The moment it is clicked) */
a:active {
  color: #B9D345; /* Yellow */
}