.container {
    border-width:7px;
    border-style:solid;
    border-image: url("https://foollovers.com/mat/menu05/51a-none.gif") 9 fill round;
    margin: auto;
    width: 884px;
    height: 665px;
    position: relative;
    padding: 16px;
    z-index: 4;
  }
  .container-one {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background-image: url('https://cdn.discordapp.com/attachments/753486223569453099/1419859827399593995/background2.png?ex=68d34b02&is=68d1f982&hm=43eac98e532f4387caa3a65c18b33c88b2be2723b8258b8077eb17323669dc2a&');
    background-repeat: repeat;
    width: 880px;
    position: relative;
    left: 1px;
    height: 170px;
    box-shadow: 0 0 8px 8px white inset;
    z-index: 5;
  }
  .whitecloudybox {
    height: 200px;
    width: 100%;
    border: 10px solid transparent;
    box-sizing: border-box;
    border-image: url(https://i.postimg.cc/QM9dMFhq/cloud.png) 50 round;
    }
    
  .whitecloudyfull { 
    width:100%;
    height:100%;
    overflow-y:auto;
    background:#fff;
    color:black;
  }
  .bordered-text {
    border: 1px solid pink;
    padding: 5px;
  }
  body {
    border: 12px dotted purple;
    margin: 64;
    background-color: #f0f0f0;
    
    background-image: url('https://cdn.discordapp.com/attachments/753486223569453099/1419862629949898772/background_original.png?ex=68d34d9e&is=68d1fc1e&hm=8ae74ffe5f5655d2502d42205db46e4ff70761d64beeaf5637bf96f5477a81cf&');
    background-attachment: fixed;
    background-repeat: repeat;
    overflow: hidden;
    #container {
      overflow: scroll;
      overflow-x: hidden;
      height: 10em;
      width: 50%;
      padding: 1rem;
    }

    ::-webkit-scrollbar {
      width: 16px;
      height: 16px;
    }

    ::-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%);
    }

    ::-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%);
    }

    ::-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;
    }

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

    ::-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;
    }

    ::-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;
    }

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

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

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

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

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

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

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

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

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

    ::-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;
    }
    #content {
      border: 2px dashed white; 
      display: grid;
      grid-auto-flow: dense;
      
      align-items: stretch;
      
      width: 400px;
      background-image: url('https://www.glitter-graphics.com/images/t/b/100x100/3767/3767552hb6o63mal7.webp');
      background-attachment: fixed;
      background-repeat: repeat;
      overflow: hidden;
    }
    #main-links {
      border: 2px dashed white; 
      width: 777px;
      height: 45px;
      margin: 0 auto;
      
      display: grid;
      grid-auto-flow: column;
      align-items: stretch;
      justify-content: center;
      
      background-image: url('https://www.glitter-graphics.com/images/t/b/100x100/3765/3765817vcfoqcwrg6.webp');
      background-attachment: fixed;
      background-repeat: repeat;
      overflow: hidden;
      
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    }
    #main-links .childDiv {
      position: relative;
      bottom: 0;
      left: 0;
    }
    #main-content {
      display: flex;
      gap: 16px;
      align-items: stretch;
      justify-content: center;
    }
    #side-bar {
      border: 2px dashed white; 
      display: grid;
      gap: 16px;
      grid-auto-flow: dense;
      
      align-items: stretch;
      
      width: 175px;
      background-image: url('https://www.glitter-graphics.com/images/t/b/100x100/3767/3767552hb6o63mal7.webp');
      background-attachment: fixed;
      background-repeat: repeat;
      overflow: hidden;
    }
    .header-image {
      display:block;
      margin:auto;
    }
    img {
      max-width: 100%;
      max-height: 100%;
    }
    .sitting-hina {
      max-width: 150px;
      max-height: 150px;
      position: relative;
      bottom: 1000px;
      left: 60%;
    }
  }