footer{
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: -2;
}

footer .rodape{
    border-radius: 100px 100px 0px 0px;
    background-color: var(--foreground); 
    margin-top: 100px;
    z-index: 2;
    width: 100%;
    height: 180px;
}

footer .descricao1{
    font-size: 1.4rem;
    color: var(--background);
    text-decoration: none;
    letter-spacing: .1rem;
}

@media (max-width: 768px) {
    footer .rodape{
        border-radius: 50px 50px 0px 0px;
        margin-top: 50px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

}