dark.css

:root{
    --background-color: #3a3a3a;
}

p{
    color: #fff;
}

nav ul dark-mode-toggle{
    color: #fff;
}

.btn:hover {
    background: none;
    color: #fff;
}

.title{
    color: #fff;
}

.texto{
    color: #fff;
}

.social-icon:hover{
    background-color: #121212;
    filter: invert(1);
}

.social-icon:nth-of-type(1){
    background-image: url(Icons/brand-instagram-dark.png);
}

.social-icon:nth-of-type(2){
    background-image: url(Icons/brand-twitch-dark.png);
}

.social-icon:nth-of-type(3){
    background-image: url(Icons/brand-youtube-dark.png);
}

.social-icon:nth-of-type(4){
    background-image: url(Icons/brand-twitter-dark.png);
}

.social-icon:nth-of-type(5){
    background-image: url(Icons/brand-discord-dark.png);
}

.footer-dark-mode{
    color: #fff; 
}

@media (max-width: 858px){
    ul{
        background: #1d1d1d;
    }
    }