html {  background-image: url(https://files.catbox.moe/9zsemq.jfif) ;
        margin:auto;
        overflow-x: hidden;
        display: flex;
        flex-wrap: wrap;
        filter: saturate(160%) sepia(50%);
        justify-content: center;
        font-family: "MS UI Gothic" }    

button {
    background-color: #feffb3;
    height: 30px; 
        color: saddlebrown; 
    text-align: left;
        padding: 5px;
        border: 0px #613C33 solid;
        margin-top: 5px;
        font-family: MS UI Gothic;
        font-size: 18px;
        width: 160px;
    margin-left: 5px;
    border-bottom: 1px dashed #4c842e;

    }
    
    button:disabled {
    background-color: #feffb3;
    height: 30px; 
        color: #b0ce54; 
    text-decoration:line-through;
    text-align: left;
        padding: 5px;
        border: 0px #613C33 solid;
        margin-top: 5px;
        font-family: MS UI Gothic;
        font-size: 18px;
        width: 160px;
    margin-left: 5px;
    border-bottom: 1px dashed #4c842e;

    }
    
button:hover {
background: linear-gradient(0deg, #feffb3 0%, #ffffff 49%, #feffb3 100%);
text-decoration-line: underline;
color: saddlebrown;
font-size:13px;
transform: translate(-2px, 0px);
    letter-spacing: 2px; }
    

    
  .tooltip {
  position: relative;
  display: inline-block;
  border-bottom:;
}
.tooltip .tooltiptext {
  top: 5px;
  left: 80%;
  visibility: hidden;
    color: #598905;
background: linear-gradient(0deg, #ffffff 0%, #fffac2 52%, #d1da6c 100%);  color: #598905;
font-family: ms ui gothic;
    font-size: 10px;
  text-align: center;
  padding: 5px;
    border-radius: 3px;
border: 1px #598905 solid;
  position: absolute;
  z-index: 10;
}
    
.tooltip:hover .tooltiptext {
  visibility: visible;
}
    
.lace    {
width: 1260px;
display: flex;
margin-top: 50px;
height: 2490px;
padding: 10px;
border-width: 9px;
border-style: solid;
border-image: url("https://files.catbox.moe/iv0c58.png") 9 fill round; 

 }
    
.wrapper    {
width: 1240px;
display: flex;
height: 2470px;
padding: 10px;
background-image: url(https://files.catbox.moe/6zmiag.JPG);
border-radius: 10px;
 }.
    
.wrapperin    {
width: 1060px;

max-width: 1060px;
height: 1800px;
padding: 10px;
position: absolute;
border: 1px solid #799624; }

     
.banner {
width: 1228px;
border-radius: 10px;
margin: 5px;
height: 200px;
background-image: url(https://files.catbox.moe/nct3jx.jpg);
float: left;
border: 1px solid green;}     
    
.bannerdiv {
width: 1228px;
margin: 5px;
height: 26px;
background-image: url(https://files.catbox.moe/wnuu1o.gif);
float: left;
}     
    
    
.footer {
width: 1208px;
margin: 5px;
border-radius: 10px;
height: 80px;
background-image: url(https://files.catbox.moe/k4cu96.png);
background-color: #FFEBA4;
justify-content: center;
text-align: center;
float: left;
padding: 10px;
border: 1px solid green; }
    
.main2 {

width: 1208px;
margin: 5px;
border-radius: 10px;
height: 630px;
background-image: url(https://files.catbox.moe/ks4x1k.jpg);
justify-content: center;
text-align: center;
float: left;
padding: 10px;
border: 1px solid green;
              }
    
.main {
border-radius: 10px;
width: 850px;
background-image: url(https://files.catbox.moe/ks4x1k.jpg);
height: 880px;
float: left;
margin: 5px;
border: 1px solid #799624;}    
    
.sidebar {
float: left;
width: 175px;
margin: 5px;
border-radius: 10px;
height: 2050px;
background: #FFEBA4;
    border: 1px solid #799624; }

  .box20{
background-color: #FFFDD7;
box-shadow:1px 1px 1px #90C022;
box-sizing:border-box;
margin:10px 0;
padding:10px;
position:relative;
width:230px
}
.icon01 {
background:url(https://files.catbox.moe/srowzv.png) no-repeat;
height:62px;
position:absolute;
right:10px;
top:-13px;
width:27px
}
        
        
.s_box33{
left: 20px;
background:#ffc4c4;
border:1px solid #92BF5C;
box-sizing:border-box;
margin:1em 0; 
padding:1em;
position:relative;
width: 190px;
        }
        
.s_box33::before,.s_box33::after{
border:4px solid transparent;
content:'';
left:30px; 
position:absolute;
top:100%
}
.s_box33::before{
border-top:5px solid #92BF5C
}
.s_box33::after{
border-top:4px solid white;
margin-top:-1px
}

    .sidebardiv {
        
background: linear-gradient(0deg, #def377 0%, #ffc547 49%, #fbfd91 100%);
        border-radius: 5px;
        margin-left: 3px;
        margin-top: 10px;
        margin-right: 3px;
        padding: 5px;
        font-size: 20px;
        color: #e85a19;
        border: 1px solid #e85a19;
    }
    
#yabbadabba {
        
            background-image: url("https://files.catbox.moe/32vgjy.png");
        height: 356px; 
        width: 290px;
    }

    #yabbadabba:hover {
        background-image: url("https://files.catbox.moe/a9wie0.png"); }