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

#container { 
    width: 100%; 
    height: 100%; }

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

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

.o1{
    background-color:#FF354D;
    top:23vw;
    left:23vw;
    z-index:2;
}

.o2{
    background-color:#356EFF;
    right:23vw;
    bottom:23vw;
    z-index:3;
}

.o3{
    background-color:rgba(255, 255, 255, 0.2);
    right:25vw;
    bottom:25vw;
    z-index:4;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
   
    
}

.o4{
    background-color:#356EFF;
    left:-40vw;
    top:80vh;
    width:140vw;
    height:140vw;
    z-index:1;
    filter:blur(80px);

}

.squares{
    width:50vw;
    height:50vw;
}