diff --git a/docs/css/extra.css b/docs/css/extra.css
index 873d955..825f50c 100644
--- a/docs/css/extra.css
+++ b/docs/css/extra.css
@@ -66,3 +66,39 @@ body.homepage>div.container div.col-md-9 {
     display: block !important;
 }
 
+.bg-primary {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#996FC2), color-stop(60%, #6A478D), to(#5E5086)) !important;
+    background-image: linear-gradient(#996FC2, #6A478D 60%, #5E5086) !important;
+    background-repeat: no-repeat !important;
+}
+
+.btn-primary {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#996FC2), color-stop(60%, #6A478D), to(#5E5086)) !important;
+    background-image: linear-gradient(#996FC2, #6A478D 60%, #5E5086) !important;
+    background-repeat: no-repeat !important;
+
+    color: #fff;
+    background-color: #996FC1;
+    border-color: #996FC1;
+
+	border-bottom: 1px solid #453A62;
+}
+
+a {
+	color: #996FC2;
+}
+
+a:hover {
+	color: #674489;
+}
+
+.col-md-9 img.main-logo {
+    border: 0px; 
+	padding: 0px;
+	margin: 0px;
+}
+
+.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
+    color: #fff;
+    background-color: #453A62;
+}
diff --git a/docs/index.md b/docs/index.md
index 7631f71..2e46ec1 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -4,7 +4,7 @@ hide:
   - toc
 ---
 
-# GHCup
+# ![](./haskell_logo.png){: .main-logo style="width:100px"} GHCup
 
 GHCup is an installer for the general purpose language [Haskell](https://www.haskell.org/).
 
@@ -32,5 +32,5 @@ It follows the unix UNIX philosophy of [do one thing and do it well](https://en.
 
 ----
 
-![GHCup](./ghcup.gif#center){: .center style="width:700px"}
+![GHCup](./ghcup.gif){: .center style="width:700px"}