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

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

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

.img{
touch-action: none;
user-select: none;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
position:absolute;
}

.o1{
    background-color:#5135FF;
    border-radius: 10000px;
    width:200vw;
    height:200vw;
    top:-130vw;
    left:-130vw;
}

.o2{
    border-radius: 5000px 0 0 5000px;
    background-color:#000000;
    right:28.9vw;
    bottom:4vw;
}

.o3{
    border-radius: 0 5000px 5000px 0;
    background-color:#000000;
    right:4vw;
    bottom:4vw;
}

.circles{
    width:5vw;
    height:5vw;
    background-color:#FF2E60;
}

.halfcircles{
    width:25vw;
    height:50vw;

}

.o4{

    border-radius:1000px;
    right:18vw;
    top:4vw;
}

.o5{

    border-radius:1000px;
    right:11vw;
    top:4vw;
}


.o6{
    border-radius:1000px;
    right:4vw;
    top:4vw;
}

.o7{
    border-radius:1000px;
    right:18vw;
    top:11vw;
}

.o8{
    border-radius:1000px;
    right:11vw;
    top:11vw;
}


.o9{
    border-radius:1000px;
    right:4vw;
    top:11vw;
}

.o10{
    border-radius:1000px;
    right:18vw;
    top:18vw;
}

.o11{
    border-radius:1000px;
    right:11vw;
    top:18vw;
}


.o12{
    border-radius:1000px;
    right:4vw;
    top:18vw;
}

.o13{
    border-radius:1000px;
    right:18vw;
    top:25vw;
}

.o14{
    border-radius:1000px;
    right:11vw;
    top:25vw;
}


.o15{
    border-radius:1000px;
    right:4vw;
    top:25vw;
}


.o16{
    border-radius:1000px;
    right:18vw;
    top:32vw;
}

.o17{
    border-radius:1000px;
    right:11vw;
    top:32vw;
}


.o18{
    border-radius:1000px;
    right:4vw;
    top:32vw;
}