.footer {
    width: 100%;
    position: relative;
    margin-top: auto;
}

.copyright {
    display:flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}

.copyright a {
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.copyright a:hover {
    opacity: 0.8;
}

/* Responsive Design */
@media (max-width: 600px) {
    .copyright {
        flex-direction: column;
        gap: 5px;
    }
    
    .copyright p:nth-child(2),
    .copyright p:nth-child(4) {
        display: none; /* Hide the separator lines on mobile */
    }
}