body {
    background: #0f1524;
}
.body-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: blur(120px);
}

.blob {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    mix-blend-mode: screen;
    transform: translate(-50%, -50%);
}

.blob1 { background: #1A9000; }
.blob2 { background: #80C5BE; }




#colorlib-aside #colorlib-logo a {
    color: #00FFD3;
}
#colorlib-aside #colorlib-main-menu ul li a,
#colorlib-aside #colorlib-main-menu ul li.colorlib-active a,
#colorlib-aside .colorlib-footer {
    color: #fff !important;
}
#colorlib-aside {
    background: #0f152438;
}
body.offcanvas #colorlib-aside {
    background: #0f1524;
}
.colorlib-nav-toggle.active i::before,
.colorlib-nav-toggle.active i::after,
.colorlib-nav-toggle i::before,
.colorlib-nav-toggle i::after,
.colorlib-nav-toggle i {
    background: #fff;
}

@media (max-width: 769px) {
    .colorlib-blog {
        padding-left: 20px;
        padding-right: 20px;
    }
    .blog-entry .blog-img {
        margin-bottom: 20px !important;
    }
}

.blog-entry {
    overflow: hidden;
}
.blog-entry .blog-img {
    transition: all .3s ease;
}
.blog-entry:hover .blog-img {
    transform: scale(1.1);
}


.top-section {
    background: none !important;
}
#colorlib-hero {
    max-height: 80vh;
}
.top-section__img {
    width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 769px) {
    .top-section__img {
        height: 65vh;
    }
    #colorlib-hero {
        max-height: 65vh;
    }

    html body article .desc {
        padding: 15px;
    }
}

.logo-img img {
    width: 200px;
    max-width: 100%;
}
#colorlib-aside #colorlib-main-menu ul li a:after {
    background: #00FFD3;
}

/*@media (min-width: 769px) {*/
    /*.blog-entry .blog-img {
        opacity: .8;
    }*/
    .blog-entry .blog-img:after {
        /*z-index: 1;
        background: url(images/one-item-hover.jpg) no-repeat center / cover;*/
        background: black;
        opacity: .6;
        pointer-events: none;
        transition: all .21s ease;
    }
    .blog-entry:hover .blog-img:after {
        opacity: 0;
    }
    /*.blog-entry:hover .blog-img {
        opacity: 1;
    }*/
/*}*/


.cat-title {
    text-align: center;
    color: white;
    text-transform: uppercase;
}