* {
   font-family: gaegu;
}

 ::-webkit-scrollbar {
  width: 10px;
 }
 ::-webkit-scrollbar-track {
  background: url(https://i.pinimg.com/736x/9b/47/e4/9b47e42479da26d57a9364eba6dbeeb9.jpg);
  border-radius: 10px;}
  ::-webkit-scrollbar-thumb {
    background-color: rgba(243, 182, 202, 0.8);
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(213, 159, 177);
    border-radius: 3px;
  }
    body{
      background-image: url(https://i.pinimg.com/736x/d9/fc/de/d9fcdedd12bca95e450cb9df3549ccb8.jpg);
      background-repeat: repeat-y;
      background-size:cover;
      background-attachment:fixed;
      padding: 20px;
    }
    .headersection {
      grid-area: header;
      background-image: url(https://i.pinimg.com/1200x/1a/7d/53/1a7d53941981a526118d2d58b5d457f2.jpg);
      background-size: cover;
      width: 1200px; height: 200px;
      background-position-y: 330px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      border: 4px ridge rgb(192, 211, 163);
    }
    .wrapper {
      display: grid;
      grid-template-columns: 200px 680px 320px;
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "header header header"
        "leftsidebar center rightsidebar"
        "footer footer footer";
      margin: 0 auto;
      gap: 0;
      width: 1200px;
    }

    .leftsidebar, .center, .rightsidebar {
      background-color: #fff0f5;
      border-left: 4px ridge rgb(192, 211, 163);
     
    }
    .leftsidebar {
      background-image: url(https://i.pinimg.com/1200x/68/af/1a/68af1ae0e3f6f16014bf8cb80522df89.jpg);
      background-size: cover;
      grid-area: leftsidebar;
      border-right: 4px ridge rgb(192, 211, 163);
      max-width: 200px;
      min-width: 200px;
    }
    #mobileintro {
      background-image: url(https://i.pinimg.com/736x/98/12/51/9812512f0684e240b278c3cc0c0aef26.jpg);
      width: 180px; height: 160px;
      background-size: cover;
      border-radius: 10px;
      font-size: 18px;
    }
    #sitelink {
      width: 170px;
      height: auto;
      font-size: 25px;
      border-radius: 5px;
      border: 2px solid rgb(125, 152, 125);
      background-image: url(https://image2url.com/images/1764558216166-d81bbfed-28d7-475b-a7d7-f18731d4241b.png);
      background-size: cover;
    }


    .center {
      grid-area: center;
      background-image:  url(https://i.pinimg.com/736x/de/40/a5/de40a5b1b1dfef3af52e3e8b3cec81c8.jpg);
      background-repeat: repeat;
      background-size: 33.3%;
    }

    .largecontainer1{
    background-image: url(https://i.pinimg.com/736x/ce/50/92/ce50920850253edcd710b7ecab8a4b4e.jpg); 
    background-size: cover;
    border: 10px solid #c3dabb;
    border-image: url(https://i.pinimg.com/736x/21/ca/55/21ca554a325fff364de14732eeb02bf4.jpg) 105 105 round;
    border-radius: 5px;
    padding: 6px;
    margin: 5px auto;
    width: 620px;
    height: 200px;
    max-width: 100%;
    font-size: 18px;
  }
  .largecontainer2{
    background-image: url(https://i.pinimg.com/736x/ce/50/92/ce50920850253edcd710b7ecab8a4b4e.jpg); 
    background-size: cover;
    border: 10px solid #c3dabb;
    border-image: url(https://i.pinimg.com/736x/1e/d9/91/1ed991a7b52226fed13699b1b0178c16.jpg) 105 105 round;
    border-radius: 5px;
    padding: 20px;
    margin: 10px auto;
    width: 620px;
    height: 200px;
    max-width: 100%;
    font-size: 18px;
  }
  #mikocat{
    background: #c3dabb;
    background-image: url(https://i.pinimg.com/1200x/64/0b/32/640b32a013d0d36098c4c1f6a3513630.jpg);
    background-size: cover;
    float: left;
    width: 350px;
    height: 200px;
    overflow-y: scroll;
    color: rgb(208, 100, 46);
    text-shadow: 4px 4px 5px rgb(255, 255, 255);
  }
  #interests{
    background: #c3dabb;
    background-image: url(https://i.pinimg.com/736x/d0/8a/ae/d08aae20137d91baac28ee9c33d2425a.jpg);
    background-size: cover;
    width: 180px;
    height: 140px;
    overflow-y: scroll;
    padding-top: 60px;
    margin: auto;
    border-style: dotted;
    border-width: 3px;
    border-color: #c3dabb;
  }
  #introimage{
    margin-top: 20px;
    ;
  }

    .sakuracard {
      background-image: url(https://i.pinimg.com/736x/dc/ee/18/dcee18dfc4125b0a7d13187b83e14a69.jpg);
      width: 680px; 
      height: 100px;
      margin: 20px 10px 0 0;
      border-top: 3px ridge #c3dabb;
      border-bottom: 3px ridge #c3dabb;
    }

    .hananene {
      background-image: url(https://i.pinimg.com/1200x/02/2f/f1/022ff19c84541e894201715ce6b4e961.jpg);
      width: 680px; 
      height: 100px;
      background-size: cover;
      margin: 20px 10px 0 0;
      border-top: 3px ridge #c3dabb;
      border-bottom: 3px ridge #c3dabb;
      background-position-y: center;
    }

    .rightsidebar {
      background-image: url(https://i.pinimg.com/1200x/68/af/1a/68af1ae0e3f6f16014bf8cb80522df89.jpg);
      background-size: cover;
      grid-area: rightsidebar;
      border-left: 4px ridge rgb(192, 211, 163);
      max-width: 320px;
      min-width: 320px;
      border-right: 4px ridge rgb(192, 211, 163);
    }
    #todolist {
      background-color: #c3dabb;
      background-image: url(https://i.pinimg.com/736x/1a/71/ef/1a71ef78292a21feaf9043f755fd95b0.jpg);
      background-size: cover;
      width: 280px;
      height: 200px;
      margin: 15px auto;
      font-size: 16px;
      border-radius: 5px;
      overflow-y: scroll;
    }
    #chatbox {
      margin: auto;
    }
    #chabtookoverlay {
      position: relative;
      background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/260ee099-f74b-44ee-b1ea-1bddb0947f9e/dj86o2t-4952278a-66dd-4dbc-a1d8-9181770f090c.png/v1/fill/w_1192,h_670/aoi_akane_png_by_mewviatrix_dj86o2t-pre.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6IlwvZlwvMjYwZWUwOTktZjc0Yi00NGVlLWIxZWEtMWJkZGIwOTQ3ZjllXC9kajg2bzJ0LTQ5NTIyNzhhLTY2ZGQtNGRiYy1hMWQ4LTkxODE3NzBmMDkwYy5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.9qSftH3RXzihHqeQJ8QQ7M8kqUN83ft0tCZbhd62f7Y); 
      background-size: contain;
      width: 300px;
      height: 145px;
      
    }
    #wierd {
      background-color: #c3dabb;
      position: relative;
      background-size: contain;
      width: 279.5px;
      height: 145px;
      bottom: 412px;
      margin: auto;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      
    }
    #coollinks{
      background-color: #c3dabb;
      height: auto;
      width: 280px;
      margin: 10px auto;
      border-radius: 3px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      font-size: 18px;

    }

    .footer {
      background-image: url(https://file.garden/aS0LBcjVhQz6Dsj5/701bf16060746f6af8630045a3c1c669.jpg);
      width: 1200px;
      height: 150px;
      background-position-y: 330px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      border: 4px ridge rgb(192, 211, 163);
    }