Update style.css

style.css

@@ -166,32 +166,11 @@ footer {
     margin-bottom: 10px;
 }
 
-/* NEW: Geometric Logo Styles */
-.logo {
-    width: 30px;
-    height: 30px;
-    background-color: #007bff;
-    position: relative;
-    transform: rotate(45deg);
-}
-
-.logo::before,
-.logo::after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background-color: #0056b3;
-}
-
-.logo::before {
-    transform: translateX(-100%) skewY(30deg);
-    transform-origin: top right;
-}
-
-.logo::after {
-    transform: translateY(-100%) skewX(30deg);
-    transform-origin: bottom left;
+/* NEW: Styles for the image logo icon */
+.logo-icon {
+    width: 40px;
+    height: 40px;
+    object-fit: cover; /* Ensures the image scales nicely */
 }
 
 /* NEW: Footer layout and link styles */