/** footer styles */

footer {
    height: var(--footer-height);
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    border-radius: var(--box-border-radius);
    color: var(--secondary-font-color);
    margin: 16px;
    padding: 10px;  
    @media (max-width: 768px) {
        padding: 0px; /* Adjust the padding for smaller screens */
        margin: 8px; /* Adjust the margin for smaller screens */
    }
}