Update styles.css

Author: ejane1589

styles.css

@@ -1,40 +1,82 @@
 body {
-  font-family: 'Segoe UI', sans-serif;
   margin: 0;
-  padding: 0;
-  background-color: #f4f4f4;
+  font-family: 'Inter', sans-serif;
+  background-color: #f9f9f9;
   color: #333;
 }
 
-header {
-  background-color: #2c3e50;
-  color: white;
+.container {
+  max-width: 960px;
+  margin: 0 auto;
   padding: 2rem;
+}
+
+.hero {
+  background-color: #1e2a38;
+  color: white;
+  padding: 3rem 0;
   text-align: center;
 }
 
+.hero h1 {
+  font-size: 2.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.subtitle {
+  font-size: 1.2rem;
+  color: #cbd5e0;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+  margin-top: 1rem;
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+}
+
 nav a {
-  margin: 0 1rem;
-  color: #ecf0f1;
+  color: #00bcd4;
   text-decoration: none;
+  font-weight: 600;
 }
 
 section {
-  padding: 2rem;
-  max-width: 800px;
-  margin: auto;
+  margin-bottom: 3rem;
 }
 
-.project {
-  background-color: white;
-  padding: 1rem;
+h2 {
+  font-size: 1.8rem;
   margin-bottom: 1rem;
+  color: #1e2a38;
+}
+
+.card {
+  background-color: white;
+  padding: 1.5rem;
   border-radius: 8px;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+  margin-bottom: 1.5rem;
+}
+
+.skills-list {
+  list-style: none;
+  padding: 0;
+}
+
+.skills-list li {
+  background-color: #e0f7fa;
+  padding: 0.75rem;
+  margin-bottom: 0.5rem;
+  border-radius: 6px;
 }
 
 footer {
+  background-color: #1e2a38;
+  color: white;
   text-align: center;
-  padding: 1rem;
-  background-color: #bdc3c7;
+  padding: 1rem 0;
+  font-size: 0.9rem;
 }