body.dark-theme{
    background-color: hsl(355, 4%, 15%);
}


/*Main Nav-Bar*/

.dark-theme .main-nav{
    background-color: rgba(255, 255, 255, .7);
    /*box-shadow: 0 0.3rem 0.3rem rgba(255, 255, 255, .4) !important;*/

}

.dark-theme .main-nav .navbar-brand span{
    color: #141414;
    font-family: KaushanScript;
    border-bottom: 2px solid #2EE59D;
}

.dark-theme .main-nav .change-theme-btn{
    color: #2EE59D !important;
}

.dark-theme .main-nav .navbar-nav .nav-link{
    color: rgba(0, 0, 0, .7);
}

.dark-theme .main-nav .navbar-nav .nav-link.active{
    background-color: hsl(355, 2%, 30%);
}


/*Home-page*/

.dark-theme .home .home-info h4{
    color: #f2f6f9;
}
.dark-theme .home .home-info p{
    color: #dcdce0 !important;
}
.dark-theme .home .home-info p span{
    color: #f2f6f9 !important;
}
.dark-theme .home .social-container a{
    color: #dcdce0;
}
.dark-theme .social-container .tone{
    background: #dcdce0 !important;
}
.dark-theme .customButton{
    background-color: hsl(355, 4%, 15%);
    color: #f2f6f9;
}
.dark-theme .customButton:hover{
    color: #fff;
    background-color: #2EE59D;
}
.dark-theme .scroll-to-next{
    box-shadow: 0 0.5rem 1rem rgb(255 255 255 / 15%) !important;
}
.dark-theme .scroll-to-next .mouse-img{
    fill: #f2f6f9;
}

.dark-theme .custom-shape-divider-bottom-1638765242 .shape-fill {
    fill: rgb(22, 22, 22);
}


/*About-page*/

.dark-theme .about {
    background-color: rgb(22, 22, 22);
    /*474554*/
}

.dark-theme .about-btn{
    background-color: rgb(22, 22, 22) !important;
    color: #f2f6f9;
}
.dark-theme .about-btn:hover{
    color: #fff !important;
    background-color: #2EE59D !important;
}

.dark-theme .about .about-info p{
    color: #dcdce0 !important;
}
.dark-theme .about .about-info h1{
    color: #76cb90;
}

.dark-theme .custom-shape-divider-bottom-1638683607 .shape-fill{
    fill: #141414;
}

/*Skill-page*/

.dark-theme .skill{
    background: #141414;
    /*aca9bb*/
}

.dark-theme .skill .skill-container h3{
    color: #2EE59D;
}
.dark-theme .skill .skill-container p{
    color: #dcdce0 !important;
}

.dark-theme .skill .skill-header{
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 20%);
}

.dark-theme .skill .skill-header h4{
    color: #f2f6f9;
}
.dark-theme .skill .skill-header span{
    color: #dcdce0 !important;
}

.dark-theme .skill .skill-list .skill-data h5{
    color: #dcdce0 ;
}
.dark-theme .skill .skill-list .skill-data span{
    color: #dcdce0 ;
}


.dark-theme .skill-card{
    background-color: #141414;
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 20%);
}
.dark-theme .skill-card:hover{
    background-color: #2b2c2f;
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 10%);
}

.dark-theme .skill-card .card-body p{
    color: #dcdce0;
}


/*Project-page*/

.dark-theme .custom-shape-divider-top-1638684627 .shape-fill{
    fill: #141414;
}
.dark-theme .project{
    background-color: #171717;
}

.dark-theme .project .project-title h2{
    color: #2EE59D;
}
.dark-theme .project .project-title span{
    color: #dcdce0;
}

.dark-theme .project #project-filters {
    background-color: #141414;
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 15%);
}
.dark-theme .project #project-filters li{
    color: #f2f6f9;
}
.dark-theme .project #project-filters li:hover{
    color: #2EE59D ;
}
.dark-theme .project #project-filters li.filter-active{
    color: #2EE59D ;
}

/*Conatct-page*/

.dark-theme .contact .Contact-shape .shape-fill{
    fill: #171717;
}

.dark-theme .contact {
    background: rgb(30, 30, 30) !important;
}

.dark-theme .contact h1{
    color: #2EE59D;
}
.dark-theme .contact p{
    color: #dcdce0;
}


.dark-theme .contact .form-control {
    color: #f2f6f9;
    background-color: rgb(30, 30, 30) !important;
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 10%) !important;
    border: none;
}

.dark-theme .contact .send-button{
    background-color: #2EE59D;
    color: #141414;
}
.dark-theme .send-button:hover{
    box-shadow: 0 15px 20px rgba(46, 229, 157, 0.4);
}

.dark-theme .contact .footer{
    background-color: #121212;
}

.dark-theme .contact .footer h2{
    color: #2EE59D;
}

.dark-theme .contact .footer i{
    color: #20c997;
}
.dark-theme .contact .footer i:hover{
    color: #2EE59D;
}


/*Back-To-Top*/

.dark-theme .scroll-top{
    background: rgba(255, 255, 255, .7);
    box-shadow: -2px 0 1rem 5px rgb(255 255 255 / 10%);
}
.dark-theme .scroll-top i{
    color: #141414;
}