body{background-color:#363121}.c-main-bg{width:39rem;left:.75rem}.c-main-bg #circle1{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(20%) translateY(10%) scale(0.7);transform:translateX(20%) translateY(10%) scale(0.7)}.c-main-bg #circle2{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(-20%) translateY(60%) scale(0.9);transform:translateX(-20%) translateY(60%) scale(0.9)}#my-svg.ptn1 #circle1{-webkit-transform:translateX(20%) translateY(10%) scale(0.7);transform:translateX(20%) translateY(10%) scale(0.7)}#my-svg.ptn1 #circle2{-webkit-transform:translateX(-20%) translateY(60%) scale(0.9);transform:translateX(-20%) translateY(60%) scale(0.9)}#my-svg.ptn2 #circle1{-webkit-transform:translateX(-20%) translateY(-10%) scale(0.7);transform:translateX(-20%) translateY(-10%) scale(0.7)}#my-svg.ptn2 #circle2{-webkit-transform:translateX(20%) translateY(40%) scale(0.9);transform:translateX(20%) translateY(40%) scale(0.9)}#my-svg.ptn3 #circle1{-webkit-transform:translateX(20%) translateY(-10%) scale(0.9);transform:translateX(20%) translateY(-10%) scale(0.9)}#my-svg.ptn3 #circle2{-webkit-transform:translateX(-20%) translateY(40%) scale(0.7);transform:translateX(-20%) translateY(40%) scale(0.7)}