*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 
  
}

li :hover {
    background-color: rgb(37, 1, 167);  
    padding-left: 20px;  
    border-radius: 10px;
    transition: 1s;
}
socialmedia {
    font-size: 1.5rem; 
}
socialmedia :hover {
    font-size: 2rem;
    transition: 0.1s;
}

@media (max-width: 767px) {
    /* Reduce the font size of the menu items */
    .navbar-nav .nav-link {
      font-size: 8px;
    }
  
    /* Adjust padding/margin for smaller screens */
    .navbar-brand,
    .navbar-collapse {
      margin-left: 2px;
      margin-right: 2px;
    }
  }