body.dark, body.light {
    -webkit-transition: .2s;
    -o-transition: .2s
}

body.dark {
    background-color: #16161e;
    color: #c0caf5;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

body.dark #line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #7aa2f7;
    /*background: -o-linear-gradient(left, #7aa2f7 0, #e0af68 100%);*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0, #7aa2f7), to(#e0af68));*/
    background: linear-gradient(90deg, #7aa2f7 0, #e0af68 100%);
    width: 0;
    -webkit-transition: width .1ms ease-in-out;
    -o-transition: width .1ms ease-in-out;
    transition: width .1ms ease-in-out
}

body.dark #page-loader {
    background: url("../Images/pre-loder-2.gif") center no-repeat rgba(26, 27, 38, .75)
}

body.dark .About .about-content .text h2, body.dark .contact-me .info-me .link-me, body.dark .contact-me .info-me .social i, body.dark .lang h3, body.dark .my-Skills .container .skills .skill h4, body.dark .services .services-content .service i, body.dark .services .services-content .text h4, body.dark .sp_header + p {
    color: #7aa2f7
}

body.dark .about-content .text h1, body.dark .contact-me .info-me .link-me:hover, body.dark .contact-me .info-me .social i:hover, body.dark .header .container .nav .toggel i:hover, body.dark .language .lang i, body.dark .my-Skills .container .skills .skill h3, body.dark .services .services-content .text h3, body.dark .sp_header {
    color: #e0af68
}

body.dark .header {
    background-color: rgba(122, 162, 247, .16)
}

body.dark .header .container .nav .ul-2 {
    background-color: rgba(122, 162, 247, .16);
    border: 1px solid #7aa2f7
}

body.dark .header .nav .toggel {
    border-left: 2px solid #e0af68
}

body.dark .header .nav .ul-2 li a.active, body.dark .header .nav .ul-2 li a:hover {
    color: #e0af68;
    border-bottom: 3px solid #7aa2f7
}

body.dark .header .nav .ul-1 li a.active, body.dark .header .nav .ul-1 li a:hover {
    color: #e0af68;
    border-top: 3px solid #7aa2f7
}

body.dark .About .about-content .text p, body.dark .knowledge .container .knowledge-content p, body.dark .language .lang p, body.dark .services .services-content .text p {
    color: #c0caf5
}

body.dark .skill-per {
    background: #7aa2f7;
    /*background: -o-linear-gradient(left, #7aa2f7 0, #e0af68 100%);*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0, #7aa2f7), to(#e0af68));*/
    background: linear-gradient(90deg, #7aa2f7 0, #e0af68 100%)
}

body.dark #dark-mode, body.dark .skill-per:before {
    background-color: #7aa2f7;
    color: #16161e
}

body.dark #dark-mode i{
    color: #1a1b26;
}

body.dark #dark-mode:hover, body.dark .skill-per:after {
    background-color: #e0af68
}

body.dark .footer span a {
    text-decoration: none;
    font-weight: 700;
    color: #7aa2f7
}


body.dark .footer .Sensei_Name:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    color: #e0af68
}