/* Footer */
footer {
    background-color: #2196f3;
    color: #fff;
    padding: 15px;
    text-align: center;
    margin-top: 30px;
    border-radius: 10px;
}

footer a {
    color: #fff;
    margin: 0 10px;
}

footer a:hover {
    text-decoration: underline;
}

/* Bottom navbar icons on mobile */
@media (max-width: 768px) {
    .navbar-icons {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #ff4081;
        justify-content: space-around;
        padding: 0.5rem;
        z-index: 10; /* Ensure it stays above the footer */
    }

    .navbar-icons a {
        margin-left: 0;
        font-size: 1.5rem;
    }

    /* Add padding at the bottom of the page to ensure content doesn't overlap with the navbar icons */
    body {
        padding-bottom: 60px; /* Add enough padding to accommodate the height of the bottom navbar */
    }
}