@media screen {

    body{
        background-color:black !important;
    }
    #menu, #menu2{
        color:white;
    }
    #darkmode .bright{
        border:1.5px solid white;
    }
    #darkmode .dark{
        border: 1.5px solid white;
    }
    h1{
        color: white;
    }   
    
    footer{
        color:white;
        background-color: black;
    }
    #menu{
        background-color: rgba(0, 0, 0, 1) !important;
    }
    #info{
        color:white;
    }
    #contact a{
        color:white;
    }

    #info-flecha{
        background-image: url('/img/flecha.png');
        /* filter: saturate(3); */
        /* filter: grayscale(100%); */
        /* filter: contrast(160%); */
        /* filter: brightness(100); */
        /* /* filter: blur(3px); */
        filter: invert(100%);
        /* filter: sepia(100%); */
        /* filter: hue-rotate(180deg); */
        /* filter: opacity(50%); */ 
    }
    #back-top img{
        filter: invert(100%);
    }
    #back-top:hover{
        /* color: #999; */
        border: 1px solid;
        opacity: 0.7;
        /* filter:brightness(0.2); */
    }
    #copynote{
        /* color:; */
    }
    #nostalgia-texto{
        color: white;
        border-bottom: 1px solid white;
    }
    #proyectos li a:hover{
        color:white;
    }
    .texto-linea2{
        color:white;
    }
    .proyecto-tags p{
        color:black;
        background-color: white;
    }
    .proyecto-text{
        color: white;    
    }
    .a-proyecto-sig .proyecto-flecha-sig, .a-proyecto-sig p,.a-proyecto-prev .proyecto-flecha-prev, .a-proyecto-prev p{
        text-decoration: none;
        filter: invert(100%);
    }

}