.menu-button-item:hover,.fa:hover{
    cursor: pointer;
  }
  .menu-button-item:hover > .rounded{
     background: #28ed8047;
      cursor: pointer !important;
    transition: background-color 0.3s ;
  }
  .bg-primary{
    box-shadow: 0 0 3px 0px black;
    background-color: #ffffff00 !important
    color: black;
}
  }
  .rounded{
    transition: background-color 0.2s ease-out;
  }
  .menu-button-item:hover > .rounded i{
  transform: scale(1.5);
  transition: transform 0.2s;
  }
  .menu-button-item .rounded {    
  box-shadow:  0 0 2px  black;
  }  

  .menu-button-item i {    
  transition: transform 0.3s ease-out;
  } 

  .menu-button-item a {    
   text-decoration: none;
  }
  .material-icons{
    color: #3e3e3e;
    font-size: 3em !important;
  }
  span{    
    color: #3e3e3e;
    font-size: 1em !important;
  }
  .mydone{
    color: #0d6efd;
    
  }
  .socials{
    color:#3e3e3e !important
  }
  .socials a{
    color:#3e3e3e !important
  }