footer{
    padding: 3em 2em 3em 2em;
    text-align: center;
    color: var(--amarelo);
    background: var(--azul-noite);
}
footer img{
    vertical-align: middle;
    margin: -2px 0.5em 0 0.8em;
}
footer .desenvolvido{
    margin-top: 3em;
    font-size: 0.7em;
}
footer .desenvolvido a{
    color: var(--amarelo);
}
@media only screen and (max-width: 1024px) {
    footer{
        font-size: 0.9em;
    }
    footer img{
        display: block;
        margin: 1em auto 1em auto;
    }
}