diff --git a/index.html b/index.html
index f87d657..eceab50 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="stylesheets/core.css" media="screen">
     <link rel="stylesheet" href="stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)">
     <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
 
     <script type="text/javascript" src="javascripts/modernizr.js"></script>
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
@@ -64,7 +65,7 @@ <h2>A Keyboard Utility For All Your Windows Presentation Needs</h2>
           <span class="left-tail"></span>
           <span class="right-tail"></span>
         </span>        
-        <a href="https://github.com/"><span style="margin-top:10px;" class="octocat"></span></a>
+        <a href="https://github.com/"><i class="fab fa-github"></i></a>
       </footer>
 
 
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index 138319f..de5b4c5 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -353,14 +353,17 @@ footer span.right-tail {
   right: -11px;
 }
 
-footer span.octocat {
-  background: transparent url(../images/octocat.png) 0 0 no-repeat;
-  display: block;
-  width: 30px;
-  height: 30px;
-  margin: 0 auto;
+footer .fa-github {
+  font-size:30px;
+  margin: 10px auto;
+  color:#949494;
+  opacity: 0.4;
+  transition:0.1s ease;
 }
 
+footer .fa-github:hover{
+  opacity:0.8;
+}
 /* content */
 
 body {