.bg-test-home {
    background: url(../img/bg1.jpg) center no-repeat;
    background-size: cover;
}

#greatings {
    background: url(../img/img2/bg8.jpg) center no-repeat;
    background-size: cover;
    transition: all cubic-bezier(0.59, -0.2, 0.1, 1.24) 2s;
}

#tidur_tadi_malam {
    background: url(../img/img2/sleep.jpg) center no-repeat;
    background-size: cover;
    transition: all cubic-bezier(0.59, -0.2, 0.1, 1.24) 2s;
    position: absolute;
    top: 0;
    width: 100vw;
    transform: translateX(100%);
}

#tidur_kemarin_malam {
    background: url(../img/img2/tidur.jpg) center no-repeat;
    background-size: cover;
    transition: all cubic-bezier(0.59, -0.2, 0.1, 1.24) 2s;
    position: absolute;
    top: 0;
    width: 100vw;
    transform: translateX(100%);
}

#edukasi1 {
    background: url(../img/lelah.jpg) center no-repeat;
}

#edukasi2 {
    background: url(../img/kecelakaan.jpg) center no-repeat;
}

#ingatAngka,
#ngapain,
#edukasi1,
#edukasi2,
#range_fokus,
#naaah,
#terjaga,
#konsen,
#respon,
#hasil {
    transition: all cubic-bezier(0.59, -0.2, 0.1, 1.24) 2s;
}

#ingatAngka,
#ngapain,
#edukasi1,
#edukasi2,
#range_fokus,
#naaah,
#terjaga,
#konsen,
#respon,
#hasil {
    position: absolute;
    top: 0;
    width: 100vw;
    transform: translateX(100%);
}

.circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    cursor: pointer;
    border: 7px solid white;
}

.box {
    width: 250px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 54px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    border-radius: 8px;
}

.container_angka {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}