body {
  background:rgb(0, 0, 0);    
    }  
ul {
  list-style-type: none;
  padding:0;
  margin:0;
  overflow: hidden;
  background-color:rgb(0, 0, 0);
  width:100%;    
}    
li {
  float:right; 
}
li a {   
  display:block;
  color:white;
  text-align:center;
  padding:14px 16px;
  text-decoration:none;
  font-family:athelas;
  font-size: 16px;  
}
li a:hover:not(.active) {
  background-color:rgb(138, 140, 143);
  transition:0.5s;
  text-transform:uppercase;    
}
.active {
   background-color:rgb(190, 30, 45);     
    }              
.hero-image {
  background-image:url("Chongqing.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;    
  position: relative;
  height: 1000px;
}          
.hero-text {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   border: 2px solid;
   padding:75px;
   background-color:rgba(0,0,0,0.8);    
        }     
.hero-text button {
   border: none;
   outline: 0;
   display: inline-block;
   padding: 10px 25px;    
   color: white;
   background-color:rgb(190, 30, 45);
   text-align: center;
   cursor: pointer;
   font-family: athelas;
   font-size: 16px;    
        }        
.hero-text button:hover {
    background-color:rgb(215, 228, 194);         
        }
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: rgb(0, 0, 0);
   color: white;
   text-align: center;
   font-family: athelas;
}
a:link, a:visited {
   color:rgb(215, 228, 194);
   text-decoration: none;    
        } 
a:hover, a:active {
    color:rgb(190, 30, 45);         
        }