added in contact links in the find me section of the contact section

src/css/contact.css

@@ -0,0 +1,61 @@
+section#contact {
+    display: flex;
+    flex-direction: row;
+    padding: 0 2.5em;
+}
+
+div#findMe, div#sayHello {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1em;
+}
+
+div#findMe .findMeContainer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    gap: 2em;
+    width: 100%;
+    height: 100%;
+    margin: 5em 0;
+}
+
+div#findMe .findMeContainer .profile {
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+}
+
+div#findMe .socialIcons {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 2em;
+}
+
+div#findMe .socialIcons div {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5em;
+}
+
+div#findMe .socialIcons div svg {
+    width: 2.5em;
+    fill: var(--primaryDefault);
+    font-size: 2em;
+}
+
+div#findMe .socialIcons div a:hover svg {
+    fill: var(--primaryHover);
+}
+
+div#sayHello  #contactForm{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}

src/css/main.css

@@ -7,6 +7,7 @@
 @import "about.css";
 @import "cv.css";
 @import "projects.css";
+@import "contact.css";
 
 /****** Root Style ******/
 :root {

src/css/templateStyles.css

@@ -43,7 +43,7 @@ a.btn, form input[type="submit"] {
     text-align: center;
 }
 
-a.btn:hover {
+a.btn:hover, form input[type="submit"]:hover {
     border: 0.3215em solid var(--primaryHover);
 }