/* ******************** DARK MODE ********************
******************** ****** ********************  */	

.dark-mode{

    background-color: #1c1c1c;
    --colorPrimario: #f5f5dc;
    --colorSecundario:#12a03e;
    }
    
    body.dark-mode h3{
    color: #aaaaa7;
    }
    
    body.dark-mode h4{
    color: #aaaaa7;
    }
    body.dark-mode .proyects-conteiner h4{
        color: var(--colorPrimario);
    }
    body.dark-mode .conteiner{
    background-color: #2e2e2eff
    }
    
    
    body.dark-mode p{
    color: #9fa9b5
    }
    
    body.dark-mode section{
    border: 1px solid white
    }
    
    body.dark-mode .tarjeta-conteiner{
    border: none;	
    }
    
    body.dark-mode .education li{
    background-color: #2e2e2eff;
    }
    
    body.dark-mode .year-edu-box h3{
    color: #f5f5dc
    }
    body.dark-mode .year-edu-box p{
    color: rgba(255, 255, 255, 0.858);
    }
    
    body.dark-mode .year-education::after{
    background: linear-gradient( #12a03e, #2e2e2eff );
    height:80%;
    width: 7px;
    }
    
    body.dark-mode .section-h p{
    color:#fff
    }
    
    body.dark-mode .loader{
    border: 5px solid var(--colorSecundario);
    border-top: 5px solid var(--colorPrimario);
    }
    
    body.dark-mode .year-education{
    background-color: #2e2e2eff;
    text-shadow: 0 3px 10px white ;
    }
    
    body.dark-mode .btn-dark-mode{
        border: none;
        
    }
    
    body.dark-mode footer{
    color: var(--colorSecundario);
    }

    body.dark-mode .btn-dark-mode #botonDarkMode{
        background-color: rgb(252, 126, 0);
        content: url(../img/sun-svgrepo-com.svg);
        transition: .6s ease-out;
        width: 2em;
    }