#main{
    margin: -8px;
}
#heading{
    /* position: sticky; */
    height: 90px;
    background-color: rgb(77, 77, 77);
}
#notification_bar{
    height: 60px;
    position: sticky;
    background-color: rgb(0, 201, 201);
}
#mainbody{
    display:grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto;
    font-family: verdana;
    font-size: small;
}
#mainbox{
    width: 815px;
    height: auto;
    overflow: auto;
    z-index: 1;
    /*            horizontal,vertical,blur,spread */
    box-shadow: -3px 0px 5px rgb(0, 201, 201),3px 0px 5px rgb(0, 201, 201);

}
#sideboxes{
    background-color: rgb(255, 255, 255);
    font-size: xx-large;
    font-family: 'Courier New', Courier, monospace;
}

#footer{
    background-color: rgb(77, 77, 77);
    grid-column: 1/span 3 ;
    font-style: normal;
    color: rgb(0, 201, 201);
    height: 250px;
}
#gallarybox{
    background-color: rgb(77, 77, 77);
    border: 3px;
    border-style: outset;
}
.gallerybox{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    margin: 2px;
    /* border: 2px outset #ccc; */
    float: left;
    width: 805px;
    height: 175px;
}
.galleryitem{
    width: 140px;
    height: 100px;
    margin: 1px;
}

.picture{
    width: 140px;
    height: 95px;
}

.imgbutton_prop{
    border: outset;
    text-align: center;
    text-decoration: none;
    display: inline-block;  /*????????????*/
    font-size: 16px;
    margin: 2px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
.imgbutton{
    color: black;
    border: 2px outset;
}
.imgbutton:hover{
    background-color: rgb(0, 201, 201);
    color: rgb(77, 77, 77);
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color:rgb(0, 201, 201);
    font-family: verdana;
    font-style: normal;
    font-weight: bold;
  }
  
  li {
    float: left;
    box-shadow: 3px 3px 3px rgb(77, 77, 77);
    z-index: 1;

  }
  
  li a {
    display: block;
    color:rgb(77, 77, 77);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition-duration: 0.4s;

  }
  
  li a:hover:not(.active) {
    background-color:rgb(77, 77, 77);
    color: rgb(0, 201, 201);
  
  }
  
  .active {
    background-color:rgb(77, 77, 77);
    color: rgb(0, 201, 201);
  }

h1{
color: rgb(0, 201, 201);
font-family: verdana;
font-style: italic;
text-align: center;
margin: -10px;
padding: 15px;
}