html {
        
        background-image: url('https://file.garden/ZeOk7_aj1Fo9Khft/wader.gif');
        cursor: url(https://file.garden/ZeOk7_aj1Fo9Khft/tumblr_e8d713b1842f701224ac33fc959c3e22_350f40ff_75.gif), default;
        
    }
    
    
    #mainthing {
      position:absolute;
      display:inline-block;
      top:10%;
      left:-450%;
      width:350%;
      height:50%;
      font-size: 0.9em;
      overflow: auto;
    }
    
        #updatelog {
      position:absolute;
      display:inline-block;
      top:95%;
      right:310%;
      width:150%;
      height:30%;
      font-size: 0.9em;
      overflow: auto;
      background-image: url('https://file.garden/ZeOk7_aj1Fo9Khft/wader.gif');
      border-radius: 15px;
      color: white;

    }
    
    highlight {
  background-color: white;
  padding: 2px 5px;
}
    
    #gifypet {
      position:absolute;
      display:inline-block;
      top:180%;
      left:-70%;
      width:220%;
      height:-50%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border-color:black;
      border: 15px solid transparent;
      border-radius: 15px;
      
    }
    
        #cbox {
      position:absolute;
      display:inline-block;
      top:150%;
      left:-520%;
      width:400%;
      height:-50%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border-color:black;
      border: 15px solid transparent;
      border-radius: 15px;
      
    }

    
     #berty {
      position:absolute;
      display:inline-block;
      top:70%;
      left:920%;
      width:300%;
      height:25%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border-color:black;
      border: 25px solid transparent;
      border-radius: 15px;
      
    }
    
    
          #waterimage {
      position:absolute;
      display:inline-block;
      top:-3%;
      left:2%;
      width:90%;
      height:55%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/wader.gif);
      border: 25px solid transparent;
      border-radius: 15px;
      
    }  
    
    #qwerty {
      position:absolute;
      display:inline-block;
      top:15%;
      left:15%;
      width:55%;
      height:75%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border: 25px solid transparent;
      border-radius: 15px;
      
    }

    
    #twerty {
      position:absolute;
      display:inline-block;
      top:-20%;
      left:-28%;
      width:13%;
      height:150%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border-color:black;
      border: 23px solid transparent;
      border-radius: 15px;
      
    }
    
        #navbar {
      position:absolute;
      display:inline-block;
      top: %;
      left:20%;
      width:55%;
      height:5%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border: 3px solid transparent;
      border-radius: 15px;
    }
    
    
            #sidebar {
      position:absolute;
      display:inline-block;
      top: -290%;
      left:20%;
      width:55%;
      height:230%;
      background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
      border-color:black;
      border: 25px solid transparent;
      border-radius: 15px;
      
    }
    

    
    #scrollable-textbox {
        width: 300px; 
        height: 150px; 
        overflow: auto; 
        border: 1px solid #ccc; 
        padding: 10px;
        background-color: #fff;
}
    
    
    #buttons {
     height:40%; 
      
    }
    
    
   #statuscafe-content{
   font-size: 11px;  
     
     
   }
    
    


#button {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;


}


    
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
    border-radius: 15px;
  overflow: hidden;
  background-image: url(https://file.garden/ZeOk7_aj1Fo9Khft/2518747oc4gnxci0c.jpg);
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

ul li a:hover {
 background-color: rgba(40, 210, 209, 0.2); 
  color: #000000; 
}