body{
    background-color: lightyellow;
    /* background-image: url('..//images/light-1.gif'); */

    background-image: conic-gradient(rgb(250, 221, 58),rgb(255, 244, 207));
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}



.outer-vox{
    background-color: lightgoldenrodyellow;
    background-color: white;
}

div{
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 20%;
}

@keyframes appear{
    from {
        /* opacity: 0; */
        scale: 0.5;
        /* transform: translateX(-100px); */
    }
    to{
        /* opacity: 1; */
        scale: 1;
        /* transform: translateX(0px); */
    }
}