/*--------------------- STYLE AREA -----------------------*/

.bg-circle-choice {

    background-image: url("../media/images/calculus/circlechoice.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.bg-connector {

    background-image: url("../media/images/calculus/connectorchoice.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.bg-daylight-25 {

    background: linear-gradient(rgba(245, 94, 39, 0.5), rgba(245, 207, 39, 0.4)), url("../media/images/library/digital/4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: lighten;
    z-index: 5;

}

.animate-choice {

    animation: scale-up 3s ease infinite;
    animation-timing-function: linear;

}



.btn-marble {

    background-image: url("../media/images/backgrounds/marble.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;

}

/*--------------------- CUSTOM SCROLL BARS -----------------------*/


/* CUSTOM SCROLLBARS */
.scroll-lemon::-webkit-scrollbar {
    width: 10px;
}
.scroll-lemon::-webkit-scrollbar-thumb {
    background: Gold;
}
.scroll-lemon::-webkit-scrollbar-track {
    background: LemonChiffon;
}

/*--------------------- ANIMATIONS AREA -----------------------*/

@keyframes scale-up {

    from {
        transform: scale(0.5); /* Original size */
    }
    to {
        transform: scale(1); /* 20% larger */
    }

}