.menu {
    width: auto;
    display: flex;                
    padding:2px;    
    margin: -8px;                 
}

.navbar {
    display: flex;
    background-color: #6fb1cd;   
}
.menu li {
    list-style-type: none ;       
  
}

.menu a {
    display:block;               
    min-width: 130px;            
    margin: 5px;               
    padding: 4px;           
    text-align: center;           
    color: rgb(252, 249, 249);                  
    text-decoration: none;        
    transition: all 1s ;     
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    font-size:larger; 
}
.menu a i{
    font-size: 45px;
}
.menu a:hover {
    color: #CCE5FF;
}