body { background-color: #a39e9e; }
ul {
  
    list-style-type: none;
    margin: 0;
    padding: 0;  
    background-color: #111;
    overflow: hidden;
    
  }

li {
    float: left;
    font-family: Arial;
    font-size: 23px;
}
li a {
    display: inline-block; 
    color: white;
    text-align: center;
    padding: 15px 25px;
    text-decoration: none;
    background: black;
  
}

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