body { background-color: #a39e9e; }
ul {
   
    list-style-type: none;
    margin: 0;
    padding: 0;  
    background-color: #111;
    position: fixed; 
    height: 100%;
    width: 20%;
  }

li {
    
    font-family: Arial;
    position:relative;
    font-size: 23px;
    width:100%
}
li a {
    text-decoration:none;
    width:120px;
    height:30px;
    border:1px solid #000;
    display: inline-block; 
    color: white;
    padding: 15px 25px;
    text-decoration: none;
    background: black
}

li a:hover { 
  background-color:red ;
  Color: Black;
  width: 85%; 
  
 
} 
 a:active { 
  background-color: #99cc33 ;
  box-shadow: 0 5px #666;
  width: 85%; 
  transform: translateY(4px);
  }