another pattern

Author: Afif13

index.html

@@ -2109,6 +2109,36 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     </section>
     <section id="g123">
       <style>#g123 {
+  --s: 112px; /* control the size */
+  --c1:#490A3D;
+  --c2:#F56991;
+  
+  --g1:conic-gradient(from -45deg at 60%,#0000 75%,var(--c1) 0);
+  --g2:conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0);
+  background: 
+    var(--g2) calc(var(--s)/8) 0,var(--g2) calc(5*var(--s)/8) var(--s),
+    var(--g1),var(--g1) calc(var(--s)/2) var(--s) var(--c2);
+  background-size: var(--s) calc(2*var(--s));
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g124">
+      <style>#g124 {
+  --s: 112px; /* control the size */
+  --c1:#C7F464;
+  --c2:#8A9B0F;
+  
+  background: 
+    conic-gradient(from  45deg at 70%,var(--c2) 25%,#0000 0) calc(5*var(--s)/8) var(--s),
+    conic-gradient(from  45deg at 40%,var(--c1) 25%,#0000 0) calc(3*var(--s)/4) var(--s),
+    conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0) calc(var(--s)/8) 0,
+    conic-gradient(from -45deg at 60%,var(--c2) 75%,var(--c1) 0);
+  background-size: var(--s) calc(2*var(--s));
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g125">
+      <style>#g125 {
   --s: 30px; /* control the size */
   --c: #1B676B 25%,#0000 0; /* first color */
 
@@ -2129,21 +2159,6 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     conic-gradient(at calc(100%/3) calc(200%/3),var(--c))
      0 0/calc(3*var(--s)) calc(3*var(--s)) #88C425; /* second color */
 }
-</style><button>Copy the CSS</button>  
-    </section>
-    <section id="g124">
-      <style>#g124 {
-  --s: 112px; /* control the size */
-  --c1:#490A3D;
-  --c2:#F56991;
-  
-  --g1:conic-gradient(from -45deg at 60%,#0000 75%,var(--c1) 0);
-  --g2:conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0);
-  background: 
-    var(--g2) calc(var(--s)/8) 0,var(--g2) calc(5*var(--s)/8) var(--s),
-    var(--g1),var(--g1) calc(var(--s)/2) var(--s) var(--c2);
-  background-size: var(--s) calc(2*var(--s));
-}
 </style><button>Copy the CSS</button>  
     </section>
   	 <a target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">