main.css

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 18%;
    text-align: center;
    background-color: #E0F2F1;
    height: 100%;
    position: absolute; 
    overflow: auto;    
}
#header{
    text-align: center;
    color: #004D40;
    background-color: #00695C;
    padding: 1em;
    color: white;
    font-family: "Courier New";
    font-size: 2em;
    font-stretch: ultra-expanded;
     display:inline-block;
    width: 100%;
}

.strech{
 -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
}

li a{
    display: block;
    width: 100%;
    height: 10%;
    padding: 30% 0;
    text-decoration: none;
    color: #009688;
    font-family: sans-serif;
    font-size: 1.2em;
}

li a:hover{
    background-color: #009688;
    color: white;   
}



table{
    align-content: center;
    position: sticky;
    width: 80%;
    position: absolute;
    right:0;
    padding-top: 3em;
    color: #546E7A;
    font-family: sans-serif;
    border-bottom: solid #004D40 .2em;
    
    
    
}

th{
    color: #00695C; 
    padding: 1em;
}

th, td {
    text-align: center
}

th{
    border-collapse: collapse;
    border:solid black 1px;
    border-radius:6px;
    background-color: #009688;
    color: white;
}