body {
  padding-bottom: 0;
}

.navbar {
  margin-bottom: 20px;
}

    /* Hover effect for social media icons */
    .navbar a {
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .navbar a:hover {
            background-color: #28a745; /* Success Green */
            color: white; /* Change icon color to white on hover */
        }

            /* Optional: Make icons larger when hovered */
            .navbar a:hover i {
                font-size: 1.3rem;
            }