Update index.html

Author: Afif13

index.html

@@ -22,7 +22,7 @@
     <meta property="og:image:width" content="1600" />
     <meta property="og:image:height" content="800" />
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=0.75">
+    <link rel="stylesheet" href="style.css?v=0.76">
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-CVMK530JFV"></script>
 <script>
@@ -1315,6 +1315,23 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     repeating-conic-gradient(#F2E9E1 0 45deg,#99B2B7 0 90deg)
     0 0/100px 100px;
 }
+</code><button>Copy the CSS</button></pre>  
+    </section>
+	  <section>
+      <pre ><code>html {
+  --s: 50px; /* control the size */
+  --c1: #D9CEB2;
+  --c2: #948C75;
+  
+  --_g: calc(2*var(--s)) calc(2*var(--s)) 
+    radial-gradient(25% 25%,var(--c1) 99%,#0000 101%);
+  background:
+    0 var(--s)/var(--_g),var(--s) 0/var(--_g),
+    radial-gradient(50% 50%,var(--c2) 97%,#0000)
+     calc(var(--s)/2) calc(var(--s)/2)/var(--s) var(--s),
+    linear-gradient(90deg,var(--c1) 50%,var(--c2) 0) 
+     0 0/calc(2*var(--s));
+}
 </code><button>Copy the CSS</button></pre>  
     </section>
   	 <a  target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">