html {
     display: flex;
     font-family: "MS UI Gothic", Tahoma;
     font-size: 12px;
     image-rendering: pixelated;
     image-rendering: -moz-crisp-edges;
     image-rendering: crisp-edges;
     font-smooth: never;
     -webkit-font-smoothing: none;
}
/*scrollbar element*/
 ::-webkit-scrollbar {
     width: 15px;
     height: 10px;
}
 ::-webkit-scrollbar-thumb:vertical{
     background-color: #fff;
     background-image: url(https://i.imgur.com/Qtm9Z60.png);
     border-top: 1px solid #bdbdbd;
     border-left: 1px solid #bdbdbd;
     border-right: 1px solid black;
     border-bottom: 1px solid black;
}
 ::-webkit-scrollbar-track {
     background-color: #fff;
     background-image: url(https://i.imgur.com/IGXGYKz.png);
}
 ::-webkit-scrollbar-button:vertical:increment {
     background-image: url(https://i.imgur.com/WhC8iy3.png);
     width: 14px;
     height: 16px;
     border-top: 1px solid #bdbdbd;
     border-left: 1px solid #bdbdbd;
     border-right: 1px solid black;
     border-bottom: 1px solid black;
}
 ::-webkit-scrollbar-button:vertical:decrement {
     background-image: url(https://i.imgur.com/fQ18mrR.png);
     border-top: 1px solid #bdbdbd;
     border-left: 1px solid #bdbdbd;
     border-right: 1px solid black;
     border-bottom: 1px solid black;
     width: 14px;
     height: 16px;
}
/*end scrollbar*/
 body {
     background: url(/bg/stardew.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     color: black;
     font-size: 15px;
     word-wrap:break-word;
     cursor:default;
}
 .header {
     position: absolute;
     top: 10px;
     left: 100px;
     height: 125px;
     width: 800px;
     padding: 10px;
     border: 5px solid transparent;
     border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
     border-image-slice: 1;
}
 .offweb {
     z-index: 1;
     position: absolute;
     top: 120px;
     right: 40px;
     width: 400px;
     height: 50px;
     border: 3px double black;
     background: white;
     text-align: center;
}
 .chat {
     z-index: 1;
     position: absolute;
     top: 170px;
     left: 780px;
     width: 250px;
     height: auto;
     padding: 0px;
}
 .main {
     position: absolute;
     top: 210px;
     left: 100px;
     height: 460px;
     width: 800px;
}
 .second {
     position: absolute;
     top: 700px;
     left: 100px;
     height: 460px;
     width: 800px;
}
 .board {
  position: absolute;
    top: 20%;
    left: 24%;
  width: 700px;
  height: 425px;
  background-image: url("/bg/board.png");
  background-size: cover;
  background-position: center;
  border: 3px double black;
  padding: 2px;
}

 .left {
  position: absolute;
    top: 3%;
    left: 55%;
  height: 425px;
  padding: 2px;
}

 .right {
  position: absolute;
    top: 3%;
    left: 5%;
  height: 425px;
  padding: 2px;
}

 .footer {
     position: absolute;
     left: 100px;
     width: 825px;
     height: 50px;
     bottom: -400px;
     text-align: center;
}
 .soundcloud {
     display: inline-block;
     position: absolute;
     left: 100px;
     width: 825px;
     height: 100px;
     top: 535px;
     text-align: center;
     background-image: url("img/sk8.png");
     border: 3px double black;
}
 .temp {
     position: absolute;
     top: 10px;
     left: 485px;
     width: 178px;
     height: 870px;
     background-color: blue;
     border: 1px solid white;
     text-align: center;
     color: white;
}
 .grid-container {
     display: grid;
     grid-template-columns: 200px 200px 200px 200px;
     grid-template-rows: 200px 200px 200px 200px;
     gap: 2px;
     padding: 2px;
     width: 820px;
     height: 620px;
     position: absolute;
     left: 100px;
     top: 1100px;
     background-color: blue;
     justify-content: center;
     border: 1px solid black;
}
 .grid-container > div {
     text-align: center;
     font-size: 30px;
}
/*Text Styles*/
 h1 {
     color: white;
     font-weight: bold;
     font-size: 60px;
     text-decoration: underline;
     text-align: left;
     margin: 0px 5px 0px;
}
/*Button Styles*/
 button {
     border: none;
     color: white;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 25px;
     cursor: pointer;
     margin: 10px 3px;
}