.nav{
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: space-evenly;
    margin-top: 30px;
    font-size: 11px;
    transition: 0.5s all ease;
  }
  
  .navi{
    transition: 0.5s all ease;
    color: white;
  }
  
  .navi:hover{
    transform: scale(1.1);
  }
  
  li{
    list-style-type: none;
  }
  
  a{
    text-decoration: none;
    color:rgb(255, 255, 255)
  }
  .client {
    background-color: rgb(0, 128, 255);
    border-radius: 16px;
    padding: 10px;
    transition: 0.5s all ease;
    margin-top: -10px;
  }
  .dash {
    background-color: rgb(174, 0, 255);
    border-radius: 16px;
    padding: 10px;
    transition: 0.5s all ease;
    margin-top: -10px;
  }
  
  .client:hover{
    background-color: rgb(0, 37, 73);
  }
  .dash:hover{
    background-color: rgb(97, 2, 179);
  }

  /*version tablette*/
@media screen and (min-width:767px) {
  .nav{
    font-size: 18px;
  }
}
/*version desktop*/
@media screen and (min-width:1024px) {
.nav{
  font-size: 20px;
}
}