:root {
    --main-color: #2196f3;
    --main-color-alt: #1787e0;
    --background-color: #eee;
    --background-color-mid: #E3E3E3;
    --background-color-heavy: #B4B4B8;
    --transition-delay: 0.5s;
    --padding-top-bottom: 100px 0;
}

/* wave color */
section.footer .wave .shape-fill {
    fill: var(--background-color-mid);
}

body.dark  section.footer .wave .shape-fill {
  fill: var(--background-color-mid) !important;
}


/* main */
main {
    background-color: var(--background-color-mid);
}



section.contact .contact-info .border {
    background-color: var(--background-color);
}

section.contact .contact-info h2 {
    color: var(--main-color);
}

section.contact .contact-info h6 {
    color: black;
}

section.contact .contact-info {
    color: white;
}

section.contact .contact-info i {
    color: var(--main-color);
}
section.contact .contact-info .social :hover i {
    color: var(--background-color-heavy);
}
section.contact .contact-info .fast-link a {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}


section.contact .card {
    background-color: var(--background-color);
}

.text-muted{
    color: var(--background-color-heavy) !important;
}