body {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    background-color:#000000;
}

#container { 
    width: 100%; 
    height: 100%; 
    background: linear-gradient(360deg, #FF749E 0%, #FF81DC 30.78%, #C7AEFE 64.12%, #FFC4D9 100%);
}






.img:hover{
    cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}

.img{
touch-action: none;
user-select: none;
position:absolute;
}

.o1{
    width:15vw;
    height:15vw;
    background: linear-gradient(180deg, #D298FF 0%, #FFACAC 100%);
    top:10vw;
    left:10vw;
    z-index:2;
    filter:blur(15px);
    mix-blend-mode: screen;
}

.o2{
    width:60vw;
    height:60vw;
    background: linear-gradient(180deg, #FF8B8B 0%, #FDB1FF 100%);
    right:20vw;
    bottom:20vw;
    z-index:1;
}



.o3{
    width:120vw;
    height:120vw;
    background: linear-gradient(180deg, #FFD6F1 0%, #FF7A92 100%);
    right:-70vw;
    bottom:-40vw;
    z-index:3;  
    filter:blur(40px);

}






.circles{
border-radius:1000px;
transform: translate3d(0px, 0px, 0px);

}