/* navigation on the left hand side */

nav{

 text-align:center;

 width:15%;

 margin-right:1%;

 border:1px solid #ccc;

 margin:1px; 

}

nav input{ 

 display:block;

 width:100%;

 background-color:#00AFEF;

 color:#fff;

 height:fit-content;

 margin-bottom:5px;

 padding:5px;

 border-radius:

 3px;

 line-height:normal;

 vertical-align:middle;

}

nav input:hover,nav input:active{  

 background-color:#226;

}  

nav a {  

display:block;

 width:100%;

 background-color:#00AFEF;

 color:#fff;

 height:fit-content;

 margin-bottom:5px;

 padding:5px;

 border-radius:

 3px;

 line-height:normal;

 vertical-align:middle;
  

} 

nav a:hover,nav a:active{  

 background-color:#226;
  

}

button{
    background-color:#00AFEF;
    color:#fff;
}

button:hover{
    background-color:#226;
}