/* css\footer.css */
.footer {
    margin-top: auto;
    height: fit-content;
    background-color: var(--bg-color-footer-header);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 15px var(--accent-color);
    -webkit-backdrop-filter: blur(10px);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    transition: var(--transition);
    z-index: 999;
}

.footer:hover{
    box-shadow: 0 0 15px 5px var(--accent-color),
    inset 0 0 2px var(--accent-color);
}

.footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 100%;
    padding: var(--padding-header-footer);
}

.footer__text{
    display: flex;
}
.footer__text span{
    color: var(--accent-color);
}

.footer__text p:nth-child(2),
.footer__text p:nth-child(4) {
    color: transparent;
}