body{
      
      background-image: url("https://juuhsland.neocities.org/images/bg3b.png");
      text-align:center;
      color:#89521c;
      font-family: "verdana";
      font-weight: 100;
      font-size: 11px;
      }

    /*change the base style*/ 

      #wrapper {
        max-width: 950px;
        min-width: 700px;
        max-height: 200px;
        margin-left: auto;
        margin-right: auto;
      }

    /*change the main div style*/ 

      .main{
     text-align:justify;
     width: 600px;
     height: 600px;
     margin: 10px;
     padding: 10px;
     float: right;
     letter-spacing: 1px;
     background-color:#ffffff; 
     background-image: url("https://juuhsland.neocities.org/images/bg1.png");
     border:5px solid #fcd5e4;
     border-radius:0px;
     font-family: "verdana";
     font-size: 11px;
     overflow-y: scroll;
      }

     /*change the sidebar div style*/ 

      .sidebar{
    text-align:justify;
     width: 250px;
     height: 600px;
     margin: 10px;
     padding: 10px;
     float: left;
     background-color:#ffffff; 
     background-image: url("https://juuhsland.neocities.org/images/bg1.png");
     border:5px solid #fcd5e4;
     border-radius:0px;
     font-family: "verdana";
     font-size: 11px;
      overflow-y: scroll;
      }

    /*change the ui, li color and style*/ 

    ul, li{
      list-style-type:none;}

      /*change the index box color and style*/

    .index{
      width: 200px;
      margin:auto;
      background-color:rgb(255, 226, 226);
      text-align:center;
      padding: 5px;
      font-variant:small-caps;}
    .index a:link {
      color: black;}

      /*change the link color and style*/
      
      a:link{
      color: rgb(226, 161, 77);
      text-decoration:none;}
      a:visited {
        color: rgb(226, 161, 77);}
      .credit{
        font-size: 12px;
         position: absolute;
        bottom: 0;
        right: 0;}


     /*change the table 1 color and style*/
     
    .table{
      width: 223px;
      margin:0px;
      background-color:rgb(253, 236, 214);
      text-align:left;
      padding: 3px;
      font-weight: bold;
      color: #fc8699;
      font-variant: all-small-caps;
    }

     /*change the table1 table color and style*/
     
    .table1{
      width: 223px;
      margin:0px;
      background-color:rgb(255, 220, 220);
      text-align:left;
      padding: 3px;
      font-weight: bold;
      color: #df9c66;
      font-variant: all-small-caps;
    }
     /*change the table2 color and style*/
     
    .table2{
      width: 223px;
      margin:0px;
      background-color:#d8f3ff;
      text-align:left;
      padding: 3px;
      font-weight: bold;
      color: rgb(248, 166, 166);
      font-variant: all-small-caps;
    }
textarea {
  width: 80%;
  height: 80px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px dashed hsl(342, 100%, 92%);
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 11px;
  font-family: "verdana";
  text-align:left;
  color:#89521c;
  resize: none;
  background-image: url("https://juuhsland.neocities.org/images/bg9.gif");
}