body {
    font-family: "MS PGothic", Serif;
    font-weight: 750;
    color: #473832;
    background-image: url(https://swampbrainz.neocities.org/imgs/zh.jpg);
    background-size: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
  }

  #borderbox {
    height: 500px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    border-width: 7px;
    border: 3px dashed #998063;
    background-image: linear-gradient(#ffffff, #c8edbb);
    padding: 10px;
}

  #yum {
    height: 470px;
    width: 720px;
    background-color: #607d57;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: #473832 solid 5px;
  }

 .top {
    background-color: #c49d6e;
    display: flex;
    flex-direction: horizontal;
  }

  .butotn {
    background-image: linear-gradient(#131a11, #3d372f);
    width: 50%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: dsfont;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 2.5px;
  }

  .butotn:hover {
    background-image: linear-gradient(#635340 5%, #382f24 50%);
    animation: float 6s infinite;
    text-decoration-style: wavy;
    text-decoration-thickness: 1.5px;
  }
  
  *::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
*::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #c9d0c8;
  border: 3px outset #ffffff;
}

*::-webkit-scrollbar-track:hover {
  background-color: #b2bab1;
}

*::-webkit-scrollbar-track:active {
  background-color: #c9d0c8;
}

*::-webkit-scrollbar-thumb {
  border-radius: 19px;
  background-color: #96aa53;
  border: 3px outset #4f6359;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #90a180;
  border: 3px outset #5b733f;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #7f9271;
}

@font-face {
  font-family: "dsfont";
  src: url(/font/Nintendo-DS-BIOS.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
</style>