Bootstrap icons added to navigation

src/components/Navigation.js

@@ -1,21 +1,26 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import './css/Navigation.css';
+import { HouseDoor, FileEarmarkPerson, Github, Youtube } from 'react-bootstrap-icons';
 
 const Navigation = (props) => {
   return (
     <div className="Navigation">
       <Link to="/">
         Home
+        <HouseDoor />
       </Link>
       <Link to="/about">
         About Me
+        <FileEarmarkPerson />
       </Link>
       <Link to="/github">
         Github Repos
+        <Github />
       </Link>
       <Link to="/youtube">
         Youtube Videos
+        <Youtube />
       </Link>
     </div>
   );

src/components/css/Navigation.css

@@ -12,10 +12,12 @@
 .Navigation a {
     color: #CFC0C0 !important;
     padding:10px;
+    display: flex;
+    flex-direction: column;
+    align-items:center;
+    justify-content: space-around
 }
 
 .Navigation a:hover {
-    border-bottom-style: solid;
-    border-color: black;
     background-color: #2F2F32;
 }