#modo{
    width: 20px;
    font-size: 50px;
    margin: right;
    cursor: pointer;
   
}

.dark{
    background: rgb(4, 24, 27);
}

.dark h1{
    color: #39a909;
    text-shadow: 2px 2px 2px white;
}
.dark .navegacion{
    background: rgb(4, 24, 27);
}
.dark .menu li a .down-item{
    background: rgb(4, 24, 27);

}
.dark .menu li a .text-item{
    color: white;
}

.dark  .menu li{
    border-right: 1px solid rgb(4, 24, 27);
}

.dark  .menu .first-item{
    border-left: 1px solid rgb(4, 24, 27);
}

.dark  .menu .imagen{


    -webkit-box-shadow: 0px 0px 5px 0px rgb(4, 24, 27);
    -moz-box-shadow: 0px 0px 5px 0px  rgb(4, 24, 27);
    box-shadow: 0px 0px 5px 0px  rgb(4, 24, 27);

}




.dark #modo{
    color: #39a909;
}

.dark p{
    color: rgb(211, 211, 211);
}
.dark h2{
    color: white;
}