body {
        top:0px;
            }

          
.sidebar1{
  height: 100%;
  width: 200px;
  top:0px;
  left: 0px;
  position: fixed;
  background-color:gold;
  text-align: left;
  float: left;


}

.sidebar1 a:hover {font-weight: bold;}
.sidebar1 a:active {font-size: 30px;}

.sidebar2{
  height: 100%;
  width: 200px;
  top:0px;
  right:0px;
  position: fixed;
  text-align:left;
  background-color:lightsteelblue;
  float:right;

}

.sidebar2 a:hover {font-weight: bold;}
.sidebar2 a:active {font-size: 30px;}

#mainbody{ 
    
    position:absolute;
    margin: 200px;
    top: 0px;
  
}

#mainbody h1 {color: blue;}


table {

    margin: 0 auto;
}

td {
    max-width: 150px;
word-break: keep-all;

}

.pic2 {
    display: block;
   margin: 0 auto;
}

.pic1 {
   display:block;
    margin: 0 auto;
}

.mainbody > div {
    width: 100%;
    height: 100%;
}