ul {list-style: none;padding: 0px;margin: 0px;}
  ul li {display: block;position: relative;float: left;border:1px solid #000}
  ul li a {display: block;background: #000;padding: 40px 140px 40px 140px;text-decoration: none;
           white-space: nowrap;color: #fff;}
  ul li a:hover {background: #f00;}
  li:hover ul {display: block; position: absolute;}
  li:hover a {background: #f00;}
  li:hover li a:hover {background: #000;}

  
  #H1 {
    text-align: center;
    font-size: 100px;
    font-family: Algerian;
    
    }