body {
    background-color: #4c1361;
}
#header.navbar {
    background: #3d114d !important;
    padding: .75rem 0;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0.15);
    width: 100%;
}
header.navbar .navbar-brand,
header.navbar .navbar-nav .nav-link.active,
.section-title h2,
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover,
#footer .credits a {
    color: #fff !important;
}
.back-to-top,
.back-to-top:hover,
.section-title h2::after {
    background: #ffc107;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #ffc107;
}
.portfolio .portfolio-item .portfolio-info {
    right: 12px;
    left: 12px;
    background: rgba(126, 122, 55, 0.8);
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
    right: 24px;
    top: calc(50% - 14px);
}
.main-hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#preloader,
.main-gallery {
    background-color: #3d114d;
}
#preloader::before {
    border: 6px solid #af9bb7;
    border-top-color: rgb(82, 55, 126);
    border-bottom-color: rgb(82, 55, 126);
}
#footer {
    background: #9c7ba8;
}