body {
    background: var(--background);
    color: var(--primary-text);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.chk {
    background-color: var(--primary);
}

.chk2 {
    background-color: coral;
}

.chk3 {
    background-color: bisque;
}

.common-section {
    margin-bottom: 10rem;
}

.card {
    border-radius: var(--border-radius-card);
}

.footer-border-top {
    height: 2px;
    background: linear-gradient(
            to right,
            transparent 5%,
            var(--primary) 50%,
            transparent 95%
    );
}

.footer-border-top p {
    font-size: 75%;
    color: var(--secondary-text);
}




/* Background BLured Logo */

/* Background wrapper */
.bg-shapes {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    filter: blur(100px);
}

/* Common styles */
.circle, .line, .smz-orb {
    position: absolute;
    background: var(--primary);
}

/* Big ring */
.circle.big {
    width: 20rem;
    height: 20rem;
    border: 3rem solid var(--primary);
    border-radius: 50%;
    background: transparent;
    top: 20%;
    left: 23%;
}

/* Small ring */
.circle.small {
    width: 14rem;
    height: 14rem;
    border: 2.5rem solid var(--primary);
    border-radius: 50%;
    background: transparent;
    top: 45%;
    right: 20%;
}

/* Vertical line (left) */
.line.left {
    width: 3rem;
    height: 15rem;
    border-radius: 20rem;
    bottom: 10%;
    left: 10%;
}

/* Vertical line (right) */
.line.right {
    width: 2.5rem;
    height: 11.5rem;
    border-radius: 20rem;
    top: 15%;
    right: 10%;
}

/* Small dot */
.smz-orb {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    top: 80%;
    right: 5%;
}

/* Animating Background */
/*.bg-shapes div {*/
/*    animation: float 10s ease-in-out infinite;*/
/*}*/

/*@keyframes float {*/
/*    0%, 100% { transform: translateY(0); }*/
/*    50% { transform: translateY(-20px); }*/
/*}*/

.bg-shapes div {
    transition: transform 6s ease-in-out;
}