body.dark-mode {
    background-color: #202020;
}

#loader.dark-mode {
    background-color: #202020;
}
.face.dark-mode,
.facehome.dark-mode {
    background-color: rgb(243, 243, 243, 0.05);
    border: 1px solid #f3f3f3;
}
.loading-text.dark-mode {
  animation: flicker 2s infinite;
}
@keyframes flicker {
  0%, 100% { opacity: 0.8; color: #f0c82a; }
  50% { opacity: 1; color: #f3f3f3; }
}

button[id="darkToggle"].dark-mode {
    background-color: #f3f3f3;
    color: #202020;
}

header.dark-mode {
    background-color: #202020;
}

.logo a.dark-mode {
    color: #f3f3f3;
}

.menu a.dark-mode {
    color: #f3f3f3;
}
button[id="showMenu"].dark-mode {
    background-color: #f3f3f3;
    color: #202020;
}

#presentation.dark-mode {
    color: #f3f3f3;
}
.links a.dark-mode {
    color: #f3f3f3;
}
.links a.dark-mode:hover {
    color: #f0c82a;
}

section h3.dark-mode {
    color: #f3f3f3;
}

#divAbout.dark-mode {
    background-color: #464646;
}

.dom .title-skill.dark-mode {
    background-color: #464646;
    border: 3px solid #464646;
}
.dom .percent-skill.dark-mode {
    background-color: #464646;
}
.dom .img-skill.dark-mode {
    border: 3px solid #464646;
}

#projets_templates a.dark-mode {
    background-color: #464646;
}

.carousel li.dark-mode {
    background-color: #464646;
}

.form_contact form h2.dark-mode {
    color: #f3f3f3;
}
.inputBox select.dark-mode {
    color: #f3f3f3;
}
.inputBox input,
.inputBox textarea {
    color: #f3f3f3;
}
.inputBox button {
    background-color: #f3f3f3;
    color: #202020;
}

footer .left.dark-mode {
    color: #f3f3f3;
}
footer .left a span.color-202020.dark-mode {
    color: #f3f3f3;
}