.MenuHover{

    background-color: rgb(18, 18, 18);
    color: rgb(86, 86, 86);

    height: 100vh;

    position: fixed;
    left: 0px;
    top: 0px;
    width: 20px;
    padding: 2px;
    text-align: center;

    font-family:  Consolas, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    display: inline-block;
    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
    z-index: 10;
}


.menu-content {
    color:white;
    position: absolute;
    background-color: rgba(18, 18, 18, 1);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    transition: 4s;
    height: 100vh;
    top: 0px;
    width: 20vw;
    left: -100vw;

    transition: scale 0.3s, color 0.3s, background-color 0.3s, left 0.6s;
    transition-timing-function: ease-in-out;
}
  
.MenuHover:hover .menu-content {
    display: block;
    left: 0vw;
}
  
.menu-content:hover {
    display: block;
}


.menu-content tr{
    height: 40px;
    text-align: left;
    padding: 10px;
}

.menu-content a{
    text-decoration: none;
    color: white;
}



.menu-content a:hover{
	text-shadow: rgb(255, 255, 255) 1px 0 10px;
}



.menu-content b{
    font-weight: bolder;
    text-shadow: rgb(96, 96, 96) 1px 0 5px;
}