diff --git a/src/main/app/css/app.css b/src/main/app/css/app.css
index 3202e4c..7a983bf 100644
--- a/src/main/app/css/app.css
+++ b/src/main/app/css/app.css
@@ -10,3 +10,22 @@ footer div.row:first-child {
   padding-top: 20px;
   border-top: 1px solid #bbbbbb;
 }
+
+.link-danger:link,.link-danger:visited {
+  color: #bbbbbb;
+}
+.link-danger:hover {
+  color: #e52c23;
+}
+.link-danger:active {
+  color: #e52c23;
+}
+.link-black:link,.link-black:visited {
+  color: #bbbbbb;
+}
+.link-black:hover {
+  color: #000000;
+}
+.link-danger:active {
+  color: #000000;
+}
diff --git a/src/main/app/templates/footer.html b/src/main/app/templates/footer.html
index 7887626..e96db4b 100644
--- a/src/main/app/templates/footer.html
+++ b/src/main/app/templates/footer.html
@@ -12,12 +12,12 @@
       <a href="https://www.youtube.com/channel/UChCCDds_KM-w02yVn7cQI_Q"
          title="Watch LeanStacks Instructional Videos on YouTube"
          target="_blank"
-         class="text-muted h3"><i class="fa fa-fw fa-youtube-play"></i></a>
-         
+         class="text-muted h3 link-danger"><i class="fa fa-fw fa-youtube-play"></i></a>
+
       <a href="https://leanpub.com/leanstacks-marionette-spring"
          title="LeanStacks Instructional Publications on LeanPub"
          target="_blank"
-         class="text-muted h3"><i class="fa fa-fw fa-leanpub"></i></a>
+         class="text-muted h3 link-black"><i class="fa fa-fw fa-leanpub"></i></a>
     </p>
   </div>
 </div>