*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    overflow:hidden;

    background:
    radial-gradient(circle,#2b1038,#050505);

    height:100vh;

    cursor:grab;

}


body:active{

    cursor:grabbing;

}


#world{

    width:5000px;

    height:5000px;

    position:relative;

}



/* floating words */

.word{

    position:absolute;

    color:#ff9bd7;

    font-family:"Poppins",sans-serif;

    font-weight:bold;

    text-shadow:

    0 0 10px #ff4fb8,
    0 0 20px #ff4fb8,
    0 0 40px #ff4fb8;


    animation:float 20s linear infinite;

}



/* hearts */

.heart{

    position:absolute;

    color:#ff4d8d;

    font-size:40px;

    filter:
    drop-shadow(0 0 10px pink);

    animation:heartMove 15s linear infinite;

}



@keyframes float{

    from{

        transform:translateY(5000px);

        opacity:0;

    }


    20%{

        opacity:1;

    }


    to{

        transform:translateY(-500px);

        opacity:0;

    }

}



@keyframes heartMove{


from{

    transform:
    translateY(5000px)
    rotate(0deg);

}


to{

    transform:
    translateY(-500px)
    rotate(360deg);

}


}