From 26c2498b7eca903648f868bba2f753d54e185bfa Mon Sep 17 00:00:00 2001
From: Smig Tech <smig@smig.tech>
Date: Sat, 16 Sep 2023 20:30:58 -0400
Subject: [PATCH] feat: more styling

---
 css/styles.css | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index da2a5c5..76aa610 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,7 +1,14 @@
+.header {
+    padding: 0 170px;
+    background-color: #2C3639;
+    height: 550px;
+    color: #DCD7C9;
+}
 .navbar {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 75px;
 }
 
 .navbar ul {
@@ -21,6 +28,7 @@
     align-items: center;
     display: flex;
     flex-direction: column;
+    min-height: 450px;
 }
 
 
@@ -28,29 +36,54 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-wrap: wrap;
 }
+
+.card {
+    width: 150px;
+    height: 150px;
+    padding: 50px;
+    gap: 52px;
+    word-wrap: break-word;
+}
+
 .card-photo {
     width: 100px;
     height: 100px;
     background-color: green;
 }
 
+.quote {
+    height: 400px;
+    background-color: #3F4E4F;
+}
+
 .quote h1 {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
+.contact {
+    height: 400px;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
 .email-section {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
+    height: 150px;
+    /* width: 75%; */
 }
 
 .footer {
     display: flex;
     align-items: center;
     justify-content: center;
+    background-color: #2C3639;
 }
 
 body {
@@ -58,7 +91,7 @@ body {
     flex-direction: column;
     justify-content: space-between;
     align-content: space-between;
-    min-height: 100vh;
+    min-height: 98vh;
 }
 
 ul {