/* --- Center footer social icons --- */
#bottom-bar div {
  text-align: center;        /* Centers all links inside the div */
  margin-bottom: 8px;        /* Adds spacing before the copyright */
}

#bottom-bar a i {
  font-size: 20px;           /* Adjust icon size */
  color: #ffffff;
  transition: color 0.2s;
}

#bottom-bar a i:hover {
  color: #cccccc;            /* Slightly lighter hover effect */
}

#bottom-bar a {
  display: inline-block;
  margin: 0 8px;             /* Space between icons */
}