Update style.css

style.css

@@ -1,3 +1,4 @@
+/* Global Styling */
 * {
   margin: 0;
   padding: 0;
@@ -5,36 +6,67 @@
 }
 
 body {
-  font-family: Arial, sans-serif;
+  font-family: 'Poppins', sans-serif;
+  color: #333;
+  line-height: 1.6;
 }
 
 .navbar {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-color: #333;
-  color: #fff;
   padding: 10px 20px;
+  background-color: #004d40;
+  color: white;
 }
 
-.headline {
+.nav-links a {
+  margin: 0 10px;
+  color: white;
+  text-decoration: none;
+}
+
+.hero {
   background-color: #f4f4f4;
   text-align: center;
   padding: 50px 20px;
 }
 
-.content {
+.portfolio {
   padding: 50px 20px;
-  background-color: #fff;
   text-align: center;
 }
 
-.portfolio {
-  padding: 50px 20px;
-  background-color: #f4f4f4;
+.portfolio-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 20px;
+}
+
+.card {
+  background-color: white;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  padding: 20px;
+}
+
+.partners-logos img {
+  max-width: 100px;
+  margin: 10px;
+}
+
+footer {
+  background-color: #004d40;
+  color: white;
   text-align: center;
+  padding: 20px;
 }
 
+.social-media a {
+  margin: 0 10px;
+  color: white;
+  text-decoration: none;
+}
 footer {
   background-color: #333;
   color: #fff;