From 784256d93406d8476eaea85a24616050897553a8 Mon Sep 17 00:00:00 2001
From: Ram Reddy <69733662+ramnreddy15@users.noreply.github.com>
Date: Fri, 5 Feb 2021 12:29:24 -0500
Subject: [PATCH] CSS and links added

---
 src/components/Contact.js                  | 15 ++++++++++-----
 src/components/assets/StyledContactForm.js | 11 +++++------
 src/components/assets/contact.scss         | 12 ++++++------
 3 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/components/Contact.js b/src/components/Contact.js
index e45b950..fdb0b35 100644
--- a/src/components/Contact.js
+++ b/src/components/Contact.js
@@ -138,11 +138,16 @@ class ContactForm extends Component {
         </StyledFormWrapper>
         <button2 onClick={() => this.scrollDown("goHere")}>⤋ Or Find Us At ⤋</button2>
         <ButtonSet id="goHere">
-          <a href="#" className="fa fa-linkedin"></a>
-          <a href="#" className="fa fa-youtube"></a>
-          <a href="#" className="fa fa-github"></a>
-          <a href="#" className="fa fa-instagram"></a>
-          <a href="#" className="fa fa-facebook"></a>
+          <a href="https://www.linkedin.com/in/potentia-robotics-790582204/" target="_blank" className="fa fa-linkedin"></a>
+          <span><br></br></span>
+          <a href="https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q" target="_blank" className="fa fa-youtube"></a>
+          <span><br></br></span>
+          <a href="https://github.com/tjhrc" target="_blank" className="fa fa-github"></a>
+          <span><br></br></span>
+          <a href="#" target="_blank" className="fa fa-instagram"></a>
+          <span><br></br></span>
+          <a href="https://www.facebook.com/potentiarobotics/" target="_blank" className="fa fa-facebook"></a>
+          <span><br></br></span>
           <button onClick={() => this.scrollDown("backUp")} className="fa fa-envelope"></button>
         </ButtonSet>
       </>
diff --git a/src/components/assets/StyledContactForm.js b/src/components/assets/StyledContactForm.js
index ca4862c..c480e90 100644
--- a/src/components/assets/StyledContactForm.js
+++ b/src/components/assets/StyledContactForm.js
@@ -15,7 +15,7 @@ const StyledFormWrapper = styled.div`
   justify-content: center;
   align-items: center;
   height: 100vh;
-  margin-top: -125px;
+  margin-top: -3.7vw;
   padding: 0 20px;
 `;
 
@@ -72,13 +72,12 @@ const StyledError = styled.div`
 `;
 
 const ButtonSet = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  margin-top: -125px;
+  margin-top: 2vw;
+  vertical-align: middle;
+  text-align: center;
   padding: 0 20px;
 `;
+
 export default StyledFormWrapper;
 
 export {
diff --git a/src/components/assets/contact.scss b/src/components/assets/contact.scss
index 3d44db7..d1bde7f 100644
--- a/src/components/assets/contact.scss
+++ b/src/components/assets/contact.scss
@@ -4,11 +4,11 @@ button {
 
 button2 {
     display:block;
-    width:18%; 
+    width:40%; 
     margin:0 auto; 
     position:relative;
-    font-size:40px;
-    margin-top: -125px;
+    font-size:2vw;
+    margin-top: -6vw;
     outline:none;
     color:#fff;
     border:none;
@@ -22,12 +22,12 @@ button2 {
     border-bottom:1px solid #7b8b2f;
   }
   .fa {
-    padding: 20px;
-    font-size: 75px;
+    padding: 1vw;
+    font-size: 5vw;
     width: 10%;
     text-align: center;
     text-decoration: none;
-    margin: 5px 2px;
+    margin: 0.2vw 0.2vw;
   }
   
   .fa:hover {