From 2720a03db24c1ecf4a684cbe5a4f7070bf8a50e6 Mon Sep 17 00:00:00 2001
From: Ram Reddy <ram.n.reddy15@gmail.com>
Date: Tue, 13 Jul 2021 11:43:57 -0400
Subject: [PATCH] Close to finishing

---
 src/components/About.js          |  6 +++---
 src/components/assets/About.scss | 26 +++++++++++++++++++-------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/About.js b/src/components/About.js
index b1fcac6..3e1d56a 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -77,15 +77,15 @@ class About extends Component {
 
           <TabPanel>
             <Container fluid>
-              <h1 id='subteamTitle'>Leadership</h1>
+              <h1 id='subteamTitle'><span className="simple-highlight">Leadership</span></h1>
               <Row>
                 <Col sm={{ size: 6, order: 2, offset: 1 }}>
 
                   <Row>
 
                     <Col sm={{ size: 6, order: 2, offset: 1 }}>
-                      <h1>Aditya Vasantharao</h1>
-                      <h5>Project Lead</h5>
+                      <h1 className="nameStyle">Aditya Vasantharao</h1>
+                      <h2 className="h2Style">Project Lead</h2>
                     </Col>
 
                     <Col sm={{ size: 6, order: 2, offset: 1 }}>
diff --git a/src/components/assets/About.scss b/src/components/assets/About.scss
index 75d147b..d0f8622 100644
--- a/src/components/assets/About.scss
+++ b/src/components/assets/About.scss
@@ -7,11 +7,18 @@
 
 .backColor {
     background-color: #293241;
-    color:  #3D5A80;
+    color:  #E0FBFC;
 }
 
-.tabColor {
-    color: #C93241;
+.nameStyle {
+    display:inline-block;
+    border-bottom:2px solid#98C1D9;
+    padding-bottom:-1px;
+}
+
+.h2Style {
+    color: #EE6C4D; 
+    padding-top: 4px;
 }
 
 #about-body{
@@ -22,13 +29,13 @@
     text-align: center;
     margin-top: 100px;
     margin-bottom: 50px;
-    color: #3D5A80;
+    color: #E0FBFC;
 }
 
  #container{
    
     margin-bottom: 50px;
-    color: #3D5A80;
+    color: #E0FBFC;
     
 }
 
@@ -38,7 +45,7 @@
 }
 
 #ourDescription{
-    color: #3D5A80;
+    color: #E0FBFC;
     text-align: center;
     font-size: 30px;
     margin-top: 50px;
@@ -48,8 +55,13 @@ img{
     width:100%;
 }
 #subteamTitle{
-    color: #3D5A80;
+    color: #EE6C4D;
     text-align: center;
     margin-top: 50px;
     margin-bottom: 100px;
 }
+
+.simple-highlight{
+ background-color: #E0FBFC;
+ padding:0.1em 0.2em;
+}
\ No newline at end of file