Update style.css

style.css

@@ -1,20 +1,25 @@
 
-/* General Reset */
-body, html {
+* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
+}
+
+body {
     font-family: Arial, sans-serif;
     background: black;
     color: white;
+    line-height: 1.6;
+    margin: 0;
 }
 
 .header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 10px 20px;
-    background: rgba(0, 0, 0, 0.8);
+    padding: 20px;
+    background: black;
+    border-bottom: 1px solid white;
     position: sticky;
     top: 0;
     z-index: 1000;
@@ -25,30 +30,63 @@ body, html {
     font-weight: bold;
 }
 
-.nav-menu ul {
-    list-style: none;
+.navigation ul {
     display: flex;
-    gap: 20px;
+    list-style: none;
+}
+
+.navigation ul li {
+    margin: 0 15px;
 }
 
-.nav-menu a {
+.navigation ul li a {
     text-decoration: none;
     color: white;
-    font-weight: bold;
+    font-size: 16px;
+    transition: color 0.3s;
+}
+
+.navigation ul li a:hover {
+    color: grey;
+}
+
+.menu-toggle {
+    display: none;
+    font-size: 24px;
+    cursor: pointer;
 }
 
 .section {
-    padding: 50px 20px;
+    padding: 100px 20px;
     text-align: center;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
-.portfolio-item {
-    margin: 20px 0;
+.section h1, .section h2 {
+    font-size: 36px;
+    margin-bottom: 20px;
+}
+
+.section p {
+    font-size: 18px;
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.portfolio {
+    display: flex;
+    justify-content: center;
+    gap: 50px;
+    margin-top: 20px;
+}
+
+.item h3 {
+    font-size: 24px;
+    margin-bottom: 10px;
 }
 
 .footer {
     text-align: center;
     padding: 20px;
-    background: rgba(0, 0, 0, 0.9);
+    background: black;
+    border-top: 1px solid white;
 }