.bc-p {
    background-color: #138c7d
}

.h1 {
    font-size: 1.15rem
}

@media (min-width:768px) {
    .h1 {
        font-size: 1.35rem
    }
}

#sec-1, #uc {
    background: linear-gradient(180deg,#00a9c2 50%,#04ce93 100%)
}

#sec-1 {
    background: #00a9c2;
    background: linear-gradient(180deg,#00a9c2 50%,#04ce93 100%)
}

    #sec-1::before {
        content: "";
        background-image: url(/chakavak/img/snow.png);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

@media (min-width:992px) {
    #sec-1::after {
        content: "";
        box-shadow: 0 0 250px 250px rgba(254,249,195,.5);
        position: absolute;
        top: 60%;
        left: 50%;
        width: 30rem;
        margin-left: -15rem
    }

    #sec-1 .app-screens::after, #sec-1 .app-screens::before {
        content: "";
        display: block;
        width: 100%;
        height: 14rem
    }

    #sec-1 .app-screens::before {
        background: conic-gradient(from 270deg,transparent,rgba(254,249,195,.1))
    }

    #sec-1 .app-screens::after {
        background: conic-gradient(from 90deg,rgba(254,249,195,.1),transparent)
    }
}

#sec-1 .app-screens > div {
    width: 100%;
}

    #sec-1 .app-screens > div img {
        margin: auto;
    }

@media (min-width:768px) {
    #sec-1 .app-screens > div {
        width: 82.325vh;
    }

    #sec-2 {
        display: flex;
        align-items: center;
    }

        #sec-2 .icons > div:last-child {
            margin-bottom: 0;
        }
}

#top-links a {
    background-image: url(/chakavak/img/apk.jpg);
    width: 10rem;
    height: 3rem
}

    #top-links a:nth-child(1) {
        background-position: -1px -153px
    }

    #top-links a:nth-child(2) {
        background-position: -4px -100px
    }

#page, #sec-2 {
    background-color: #f6f6f6
}

.icons .icon {
    width: 5rem
}

footer > div:first-child {
    background-color: #171723
}

footer > div:last-child {
    background-color: #0c0c14
}