* {
          
         box-sizing: border-box;
        cursor: url('https://cdn.cursors-4u.net/previews/hetalia-axis-powers-liechtenstein-f519fa29-32.webp') 32 32, auto !important;
        
        }
        
        html {
          
          height: 111.2vh;
          overflow-y: scroll;
          overflow-x: hidden;
          
          background-image: url('https://i.postimg.cc/wTGHFyDd/che_b16m.gif');
          background-size: 34px;
          background-repeat: contain;
        }
        
      html::-webkit-scrollbar {
      width: 16px;
      height: 16px;
    }

    html::-webkit-scrollbar-track {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
      image-rendering: pixelated;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    html::-webkit-scrollbar-track:active {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    html::-webkit-scrollbar-thumb {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      z-index: 1;
    }

    html::-webkit-scrollbar-corner {
      background-color: #cccccc;
    }

   html::-webkit-resizer {
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");
      background-position: bottom right;
      background-repeat: no-repeat;
      image-rendering: pixelated;
    }

    html::-webkit-scrollbar-button,
    .scroll::-webkit-scrollbar-button {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
      display: block;
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      image-rendering: pixelated;
      background-repeat: no-repeat;
      background-position: center center;
    }

    html::-webkit-scrollbar-button:active,
    .scroll::-webkit-scrollbar-button:active {
      background-position: 2px 2px;
    }

    html::-webkit-scrollbar-button:horizontal:decrement,
    .scroll::-webkit-scrollbar-button:horizontal:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
    }

    html::-webkit-scrollbar-button:horizontal:increment,
    .scroll::-webkit-scrollbar-button:horizontal:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
    }

    html::-webkit-scrollbar-button:vertical:decrement,
    .scroll::-webkit-scrollbar-button:vertical:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
    }

    html::-webkit-scrollbar-button:vertical:increment,
    .scroll::-webkit-scrollbar-button:vertical:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
    }

    html::-webkit-scrollbar-button:horizontal:increment:start,
    .scroll::-webkit-scrollbar-button:horizontal:increment:start {
      display: none;
    }

    html::-webkit-scrollbar-button:horizontal:decrement:end,
    .scroll::-webkit-scrollbar-button:horizontal:decrement:end {
      display: none;
    }

    html::-webkit-scrollbar-button:vertical:increment:start,
    .scroll::-webkit-scrollbar-button:vertical:increment:start {
      display: none;
    }

    html::-webkit-scrollbar-button:vertical:decrement:end,
    .scroll::-webkit-scrollbar-button:vertical:decrement:end {
      display: none;
    }

    html::-webkit-scrollbar-button:active,
    .scroll::-webkit-scrollbar-button:active {
      border-top: 1px solid #868a8e;
      border-left: 1px solid #868a8e;
      border-bottom: 1px solid #868a8e;
      border-right: 1px solid #868a8e;
      box-shadow: none;
    }
    
    
    body {
      
      margin: auto;
      margin-top: 23px;
      width: 868px;
      height: 834px;
      
      background-color: transparent;
    }
        .gridContainer {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       grid-template-rows: repeat(5, 1fr);
       gap: 15px;
      
        }
        
    #Bar {
      width: 132px;
      height: 500px;
      padding: 5px;
      
      text-align: center;
      font-family: "DotGothic16";
      font-size: 14.6px;
      font-weight: 500;
      font-style: normal;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
      
      background-color: white;
      background-image: url('https://i.postimg.cc/ZqzGw7Sb/c07_bg_flower.gif');
      background-size: 64.4px;
      background-repeat: contain;
      
      grid-row: span 4 / span 4;
      
    border-image: url(https://i.postimg.cc/GmBc7Y3r/IMG_8235.png);
      border-image-outset: 12.3px;
      border-image-repeat: round;
      border-image-slice: 31.4%;
      border-image-width: 26px;
      box-shadow: 0px 0px 4px 1px white, 0 0px 4px 2px white;
    }
    
    
        .B1 {
          
          width: 114px;
          height: 26.1px;
          margin-top: 4.3px;
          margin-bottom: 4.3px;
           padding-bottom: 6px;
          padding-top: 1px;
          padding-right: 1px;
          padding-left: 1px;
          
      background-color: white;
      background-image: url('https://i.postimg.cc/dVNs7ST3/strip_a36.gif');
      background-size: 34.4px;
      background-repeat: contain;
      
      text-align: center;
      font-family: "DotGothic16";
      font-size: 14.6px;
      font-weight: 500;
      font-style: normal;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
      
           border: outset 2.3px;
          border-top-color: #E3FCD9;
          border-left-color: #C0F5A4;
          border-right-color: #B9EB63;
          border-bottom-color: #44CC3F;
          border-radius: 3px;
          outline: #6E1A23 solid 1px;
     box-shadow: 0px 0px 4px 1px white, 0 0px 4px 2px white;
     
        }
        
        .B2 {
          width: 112px;
          height: 26.1px;
          margin-top: 4.3px;
          margin-bottom: 4.3px;
          padding-bottom: 6px;
          padding-top: 1px;
          padding-right: 1px;
          padding-left: 1px;
          
          text-align: center;
          font-family: "DotGothic16";
      font-size: 14.6px;
      font-weight: 500;
      font-style: normal;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
      
      background-color: white;
      background-image: url('https://i.postimg.cc/02QPpdKN/che_a18m.gif');
      background-size: 34.4px;
      background-repeat: contain;
      
          border: outset 2.3px;
          border-top-color: #FBD9FF;
          border-left-color: #FFADFB;
          border-right-color: #ED6DD4;
          border-bottom-color: #D1349F;
            border-radius: 5px;
          outline: #6E1A23 solid 1px;
     box-shadow: 0px 0px 4px 1px white, 0 0px 4px 2px white;
        }
    
  a:link {
  color: #52B5BA;
  text-decoration: none;
}

 a:visited {
  color: #FB9D1B;
  text-decoration: none;
}

 a:hover {
  background-color: #FFEFD369;
  color: #FC81B0;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

button:link {
   color: black;
  text-decoration: none;
}

 button:hover {
  background-color: #FFEFD369;
  color: #FC81B0;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

 a:active {
  color: #C2D05E;
}
    
    #HiGuys {
      width: 714px;
      height: 505px;
      padding: 5.6px;
      
      overflow-y: scroll;
      overflow-x: hidden;
      
      background-color: white;
      background-image: url('https://i.postimg.cc/ZqzGw7Sq/h01_bg_flower.gif');
      background-size: 104.4px;
      background-repeat: contain;
      
     grid-column: span 4 / span 4;
     grid-row: span 4 / span 4;
     
      font-family: "Neucha";
      font-size: 18.6px;
      font-weight: 800;
      font-style: normal;
      color: #E67255;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
     
     border: ridge 4.3px;
          border-top-color: #F5ABD5;
          border-left-color: #FA5C99;
          border-right-color: #FC8DC1;
          border-bottom-color: #FA5C99;
          border-radius: 1px 3px 3px 1px;
          outline: #6E1A23 solid 1px;
     box-shadow: 0px 0px 4px 1px white, 0 0px 4px 2px white;
    }
    
    
          #HiGuys::-webkit-scrollbar {
      width: 16px;
      height: 16px;
    }

    #HiGuys::-webkit-scrollbar-track {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
      image-rendering: pixelated;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    #HiGuys::-webkit-scrollbar-track:active {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    #HiGuys::-webkit-scrollbar-thumb {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      z-index: 1;
    }

    #HiGuys::-webkit-scrollbar-corner {
      background-color: #cccccc;
    }

   #HiGuys::-webkit-resizer {
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");
      background-position: bottom right;
      background-repeat: no-repeat;
      image-rendering: pixelated;
    }

    #HiGuys::-webkit-scrollbar-button,
    .scroll::-webkit-scrollbar-button {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
      display: block;
      width: 16px;
      height: 16px;
      background-color: #cccccc;
      image-rendering: pixelated;
      background-repeat: no-repeat;
      background-position: center center;
    }

    #HiGuys::-webkit-scrollbar-button:active,
    .scroll::-webkit-scrollbar-button:active {
      background-position: 2px 2px;
    }

    #HiGuys::-webkit-scrollbar-button:horizontal:decrement,
    .scroll::-webkit-scrollbar-button:horizontal:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
    }

    #HiGuys::-webkit-scrollbar-button:horizontal:increment,
    .scroll::-webkit-scrollbar-button:horizontal:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
    }

    #HiGuys::-webkit-scrollbar-button:vertical:decrement,
    .scroll::-webkit-scrollbar-button:vertical:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
    }

    #HiGuys::-webkit-scrollbar-button:vertical:increment,
    .scroll::-webkit-scrollbar-button:vertical:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
    }

    #HiGuys::-webkit-scrollbar-button:horizontal:increment:start,
    .scroll::-webkit-scrollbar-button:horizontal:increment:start {
      display: none;
    }

    #HiGuys::-webkit-scrollbar-button:horizontal:decrement:end,
    .scroll::-webkit-scrollbar-button:horizontal:decrement:end {
      display: none;
    }

    #HiGuys::-webkit-scrollbar-button:vertical:increment:start,
    .scroll::-webkit-scrollbar-button:vertical:increment:start {
      display: none;
    }

    #HiGuys::-webkit-scrollbar-button:vertical:decrement:end,
    .scroll::-webkit-scrollbar-button:vertical:decrement:end {
      display: none;
    }

    #HiGuys::-webkit-scrollbar-button:active,
    .scroll::-webkit-scrollbar-button:active {
      border-top: 1px solid #868a8e;
      border-left: 1px solid #868a8e;
      border-bottom: 1px solid #868a8e;
      border-right: 1px solid #868a8e;
      box-shadow: none;
    }
    
    
    #Title {
      width: 684.5px;
      height: 46.9px;
      padding-top: 2.8px;
      padding-bottom: 3px;
      padding-right: 3px;
      padding-left: 13px;
      margin-bottom: 14.6px;
      
      font-family: "Annie Use Your Telescope";
      font-size: 24.9px;
      font-weight: 600;
      font-style: normal;
      color: #845491;
      text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
      
      background: #fff3ed;
      background: -webkit-linear-gradient(90deg,rgba(255, 243, 237, 0.71) 2%, rgba(255, 173, 205, 0.88) 31%, rgba(255, 140, 167, 0.89) 54%, rgba(175, 224, 135, 0.94) 80%);
      background: -moz-linear-gradient(90deg,rgba(255, 243, 237, 0.71) 2%, rgba(255, 173, 205, 0.88) 31%, rgba(255, 140, 167, 0.89) 54%, rgba(175, 224, 135, 0.94) 80%);
      background: linear-gradient(90deg,rgba(255, 243, 237, 0.71) 2%, rgba(255, 173, 205, 0.88) 31%, rgba(255, 140, 167, 0.89) 54%, rgba(175, 224, 135, 0.94) 80%);
      filter: progid:DXImageTransform.Microsoft.gradient(
       startColorstr="#FFF3ED",
       endColorstr="#AFE087",
       GradientType=1
         );
         
         border: #AFE087 solid 2px;
         border-radius: 13px 1px 1px 13px;
         outline: #D17D8D solid 1px;
    }
    
    #Text {
      
      margin: 0;
      padding: 4px;
      
      background-color: #FFADCD34;
      border: solid #BAD6A3 2px;
      border-radius: 9px;
    }
    
    

    #HelloThere {
      background-color: white;
      background-image: url('https://i.postimg.cc/7ZFWLNMW/Okaaaayyy.gif');
      background-size: 866.4px;
      background-repeat: contain;
      
      grid-column: span 5 / span 5;
      grid-row-start: 5;
      
      border: black solid 2px;
      border-image: url(https://i.postimg.cc/jqXdLtkV/IMG_8277.png);
      border-image-outset: 7.5px;
      border-image-repeat: round;
      border-image-slice: 17.4%;
      border-image-width: 45px;
      box-shadow: 0px 0px 4px 1px white, 0 0px 4px 2px white;
    }