Added social media page

Modified the card to
github and linkedin added to social media page

src/components/Social.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './css/Social.css';
+import Card from './subcomponents/Card';
+import Theater from './subcomponents/Theater';
+
+
+class Social extends React.Component {
+  componentDidMount () {
+    document.title = "Social Media";
+  }
+
+  render() {
+    return (
+      <div className="Social">
+        <Theater
+          title="Social Media"
+          background="/img/social.webp"
+          extraClasses="h-50v"
+        />
+        <div className="links">
+          <a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer">
+            <img src="/img/github.webp"/>
+          </a>
+
+          <a href="https://www.linkedin.com/in/camerin-figueroa-2662bb157/" target="_blank" rel="noreferrer">
+            <img src="/img/linkedin.webp"/>
+          </a>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Social;

src/components/css/Social.css

@@ -0,0 +1,24 @@
+.Social {
+    background-color: #3D3C3F;
+    min-height: 100vh;
+    color: #AA9AA0;
+}
+
+.Social .links {
+    display:flex;
+    flex-direction:row;
+    align-content:center;
+    justify-content:center;
+    align-items:start;
+    width:75vw;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.Social .links img {
+    height: 10vh;
+}
+
+.Social .links * {
+    margin: 25px;
+}