.nav {
  width: 1200px;     
  height: 60px;        
  margin: 0 auto;     
}

ul {
    width: 100%;         
    height: 100%;      
    margin: 0;          
    padding: 0;         
    list-style: none;    
    display: flex;  
    justify-content: space-between; 
}

li {
    width: 200px;
    height: 60px;
    line-height: 400px;
    float: left;
    flex: 1;   
    max-width: 200px;   
    padding: 0 15px; 
    list-style: none;
    text-align: center;  
}

li a{
  display: inline-block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.826);
  font-size: 30px;
  font-weight: bold;
  transition:transform 0.3s ease,color 0.3s ease;
  transform-origin: center;
}

li:hover a {
  color: rgb(255, 255, 255);
  transform: scale(1.2);
}