From 7e9e75b616e93d8bc0935da76e39b86bfffeb9a6 Mon Sep 17 00:00:00 2001
From: msbrown123 <101326300+msbrown123@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:02:57 +0000
Subject: [PATCH] Update styles.css

---
 styles.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/styles.css b/styles.css
index 2f1cbf2..75cea94 100644
--- a/styles.css
+++ b/styles.css
@@ -126,6 +126,65 @@
   clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
 }
 
+.hex6{
+    width:230px;
+    height:230px;
+    background-color:#000000;
+    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
+    position: relative;
+    left: 100px;
+    margin: 0px 0px;
+    z-index: 1;
+}
+
+.hex6::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  top: 5px; /* Half the width of the border */
+  left: 5px; /* Half the width of the border */
+  width: 220px;
+  height: 220px;
+  background-color: #0070C0;
+  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
+}
+
+.hex6::after {
+  content: '';
+  position: absolute;
+  z-index:2;
+  top: 5px; /* adjust values to fit your need */
+  left: -5px; /* adjust values to fit your need */
+  width: 10px; /* adjust values to fit your need */
+  height: 220px; /* adjust values to fit your need */
+  background-color: #000000;
+}
+
+.hex7{
+    width:230px;
+    height:230px;
+    background-color:#000000;
+    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
+    position: relative;
+    left: 100px;
+    margin: 0px 0px;
+    margin-left: -10px;
+    z-index: 1;
+}
+
+.hex7::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  top: 5px; /* Half the width of the border */
+  left: 5px; /* Half the width of the border */
+  width: 220px;
+  height: 220px;
+  background-color:#BC8F00;
+  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
+}
+
+
 
 .long-hex{
  width: 200px;