Update style.css

style.css

@@ -1,38 +1,24 @@
-body {
-    font-family: Arial, sans-serif;
-    background-color: #000;
-    color: #fff;
+.container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    margin: 0;
+    background-color: #222;
 }
 
-.jarvis {
-    text-align: center;
+.circle {
+    width: 300px;
+    height: 300px;
+    border-radius: 50%;
+    border: 10px solid #00ffff;
+    position: relative;
 }
 
-.jarvis h1 {
-    font-size: 2em;
-    margin-bottom: 20px;
+.hexagon {
+    width: 50px;
+    height: 28.87px;
+    background-color: #333;
+    position: absolute;
 }
 
-.jarvis p {
-    font-size: 1.2em;
-}
-
-.jarvis button {
-    margin-top: 20px;
-    padding: 10px 20px;
-    font-size: 1em;
-    background-color: #007BFF;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-.jarvis button:hover {
-    background-color: #0056b3;
-}
+/* ... outros estilos para os hexágonos ... */