/*-------/ FOOTER /-------*/
 #footer {
    display: flex;
    width: 100%;
}

#footer > div {
    height: 8px;
}

#footer .blue-dark {
    background: var(--blue-dark);
    width: 10%;
}

#footer .blue-dark-sec {
    background: var(--blue-dark);
    width: 4%;
}

#footer .blue {
    background: var(--blue);
    width: 9%;
}

#footer .blue-twitter {
    background: var(--blue-twitter);
    width: 7%;
}

#footer .orange {
    background: var(--orange);
    width: 6%;
}

#footer .green {
    background: var(--green);
    width: 5%;
}

#footer .yellow {
    background: var(--yellow);
    width: 4%;
}

#footer .purple-dark {
    background: var(--purple-dark);
    width: 3%;
}

#footer .pink {
    background: var(--pink);
    width: 2%;
}