.icon-bar {
  margin-left : 35%;
  width : 40% ;
  background-color: #545454; /* Dark-grey background */
  background-color: #A5B9BD; 
  background-color: navy;
  float : center ;
  overflow: auto; /* Overflow due to float */
}

.icon-bar a {
  float: left; /* Float links side by side */
  text-align: center; /* Center-align text */
  width: 10%; /* Equal width (5 icons with 20% width each = 100%) */
  padding: 4px 0; /* Some top and bottom padding */
  transition: all 0.3s ease; /* Add transition for hover effects */
  color: white; /* White text color */
  font-size: 20px; 
}

.icon-bar a:hover {
  background-color: #0000FF; /* Add a hover color */
  background-color: #DAE9EC /* Add a hover color */
      
}