From 02928fc1324625ca13f7ba38766acde110242244 Mon Sep 17 00:00:00 2001
From: Raul Gomez <raul_nouni@hotmail.com>
Date: Sun, 23 May 2021 21:05:26 -0500
Subject: [PATCH] Add styles fixes #2

---
 src/styles/components/App.styl | 65 +++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)

diff --git a/src/styles/components/App.styl b/src/styles/components/App.styl
index 4f92eccb..218face3 100644
--- a/src/styles/components/App.styl
+++ b/src/styles/components/App.styl
@@ -1,2 +1,65 @@
+blue-text = #353f63
+
 body
-  background-color blue
\ No newline at end of file
+  background-color #ebeef3
+  margin: 0
+  padding: 0
+
+h1, h2, h3
+  margin: 5px 0
+
+p
+  margin: 3px 0
+
+.About
+  .About-title
+    color: blue-text
+
+.Card
+  background-color: #fff
+  border-radius: 8px
+  margin: 10px 0px
+  padding: 10px
+
+.Column-2
+  display: grid
+  grid-template-columns: repeat(2, 1fr)
+  grid-template-rows: 1fr
+  column-gap: 25px
+
+.Container
+  display: block
+  margin: 0 auto
+  width: 70%
+
+.Header
+  background-color: #fff
+  .Header-flex
+    display: flex
+    align-items: center
+    justify-content: space-between
+  img
+    border-radius: 50%
+    height: 120px
+    margin: 0 auto
+    width: 120px
+  .Header-title
+    color: blue-text
+  .Header-info
+    width: 80%
+  .Header-job-title
+    color: blue-text
+    margin: 5px 0
+  .Header-flex
+    display: flex
+    align-items: center
+    justify-content: flex-start
+    p {
+      margin-right: 30px
+    }
+
+.Profile
+  .Profile-title
+    color: blue-text
+  .Profile-desc
+    margin-top: 5px