html.light * {
    color: #FFFFFF;
}

html.light body {
    background: #F1F1F1;
}

html.light .main {
    background: #F1F1F1;
}

html.light .header {
    background: rgba(241, 241, 241, 0.3);
    border-bottom-color: #9582DB;
}

html.light .header .logo-wrap .name .first-name {
    color: #212121;
}

html.light .header .logo-wrap .job {
    color: #212121;
}

html.light .header .menu-wrap a {
    color: #6D58BA;
    transition: color .25s;
}

html.light .header .menu-wrap a:hover {
    color: #B5A1FF;
}

html.light .header .dark-mode > span {
    color: #6D58BA;
}

html.light .tab button {
    color: #999999;
    background: none;
    border-color: #9582DB;
}

html.light .tab button:hover {
    color: #555555;
    background: #E2DDF5;
}

html.light .tab button.on {
    color: #FFFFFF;
    background: #9582DB;
}

html.light .footer .copyright {
    color: #212121;
}

html.light .footer {
    border-top-color: #9582DB;
}

html.light .footer .footer-wrap > div {
    background: #9582DB;
}

html.light .portfolio-wrap .portfolio img {
    border-color: #9582DB;
}

html.light .page > div > div .btn {
    color: #212121;
}

html.light .back-wrap a {
    color: #212121;
    background: none;
}

html.light .back-wrap a:hover {
    background: #E2DDF5;
}

html.light .page > div:hover .desc {
    color: #212121;
}

html.light .about-wrap .motto p:first-child {
    color: #6D58BA;
}

html.light .about-wrap .motto p {
    color: #555555;
}

html.light .about-wrap .speak p {
    color: #212121;
}

html.light .about-wrap .speak p span {
    color: #6D58BA;
}

html.light .empty-wrap div {
    color: #555555;
}