/* Barre de Navigation*/

#navbar{
    position: sticky;
    top: 2px;
    width: 100%;
    background-color: lightblue;
    transform: scale(1);
    transition: 0.3s ease;
    border: solid 1px blue;
  }
  
   .barNav{
     list-style-type: none;
     display: flex;
     justify-content: space-around;
     padding: 0 0 0 0;
     margin: 0 0 0 0;
   }
   
  .barNav>li{
    padding: 10px;
    margin: 2px;
    border: solid 1px blue;
    border-radius: 10px;
    display :flex ;
    text-align: center;
    align-items: center ;
    cursor: pointer;
  }
  
 #navbar.shrink {
   padding-top: 0;
   padding-bottom: 0;
   border-radius :0;
   font-size: 70%;
   background: rgba(173, 216, 230, 0.6);
 }

   .barNav>li.shrink{
    padding: 5px 10px 5px 10px;
   }