:root{   
    font-size:16px;
    font-family: 'Poppins', sans-serif;

    /* --primary-color: #FCBF01; */
    /* --secondary-color: #F6D03A; */
    /* --complementar-color: #00C2FF; */
    /* --text-color: #000; */
    --background-color: #d2f2ff;

    --primary-color: #84d5f8;
    --secondary-color: #baeaff;
    --complementar-color: #5cc2ee;
    --text-color: #001d2e;
}

.complementar {color: #fff}
#footer {color: #000}
#footer a {color: #000}
#footer-container {border-top: 1px solid #000}

.desc-row {color: var(--text-color) }
.complementar {color: var(--text-color)}
@media (min-width: 720px){
    .complementar::after {background: var(--complementar-color); }

}