From e97fc7d7de66978fcc857b5f32be4020a0863387 Mon Sep 17 00:00:00 2001
From: sohamsshah <sohamshah456@gmail.com>
Date: Fri, 2 Oct 2020 00:45:40 +0530
Subject: [PATCH] change the Navbar hover effect on Navlinks

---
 client/src/App.css                  | 31 ++++++++++++++++++++++++++---
 client/src/components/pages/Team.js |  5 +++--
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index ddfa7be..42762c3 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -1,4 +1,27 @@
-.navbar-links:after{
+
+
+.navbar-links{
+    position: relative;
+}
+
+.navbar-links:before{
+    content: "";
+  position: absolute;
+  width: 100%;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: #9c20ee;
+  visibility: hidden;
+  transform: scaleX(0);
+  transition: all 0.3s ease-in-out;
+}
+
+.navbar-links:hover:before{
+    visibility: visible;
+  transform: scaleX(1);
+}
+/* .navbar-links:after{
     position: absolute;
     content: '';
     left: 0;
@@ -16,7 +39,7 @@
 }
 .navbar-links:hover{
     color: #EE82EE;
-}
+} */
 .back-image{
     background-image: url(./img/home.svg);
     height: 100vh;
@@ -29,6 +52,7 @@
    color:#707070;
     letter-spacing: 2px;
     font-size: 4vh;
+    
     padding-bottom: 2vh;
 
     margin-top: 10vh;
@@ -68,10 +92,11 @@
 .titleTeam{
     color:#707070;
      letter-spacing: 2px;
-     font-size: 4vh;
+     font-size: 5vh;
      padding-bottom: 2vh;
       text-align: center;
      margin-top: 5vh;
+     font-weight: bolder;
       
  }
  .paraTeam{
diff --git a/client/src/components/pages/Team.js b/client/src/components/pages/Team.js
index 315a480..b130635 100644
--- a/client/src/components/pages/Team.js
+++ b/client/src/components/pages/Team.js
@@ -33,8 +33,9 @@ const Team = () => {
     <Navbar />
     <ScrollTopButton /> 
     <Container className="contentTeam">
-      <h1 className="titleTeam">About Us</h1>
-      <p className="paraTeam">Customizable Portfolio is a website that aims to help people make a fully functional static website in a short amount of time without relying on web developers and that too with very little prior programming experience.
+      <h1 className="titleTeam"> <b> About Us</b></h1>
+      <p className="paraTeam">
+      Customizable Portfolio is a website that aims to help people make a fully functional static website in a short amount of time without relying on web developers and that too with very little prior programming experience.
 
 This project is part of PSoC (Program Summer of Code) organized by UIET Chandigarh. It is a 2 month long open source competition to help people get started with open source with the help of experienced mentors.
       </p>