@import url("variables.css");
footer {
    color: var(--def-color);
    text-align: center;
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 20px;
    border-top: 2px solid #ddd;
    box-shadow:
        0 -1px 2px rgba(0, 0, 0, 0.06),
        0 -4px 12px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    z-index: 1;
}

footer ul {
    text-align: end;
}

.footer-text-copyrights {
    margin: 5px 0;
    font-size: var(--font-size-small);
}

@media (max-width: 600px) {
    .footer-main-content {
        align-items: center;
        justify-content: center;
    }

    .footer-main-content > div > ul {
        text-align: center;
    }
}