diff --git a/static/main.css b/static/main.css
index 917ea31..d96bbac 100644
--- a/static/main.css
+++ b/static/main.css
@@ -6,12 +6,10 @@ html {
 
 body {
   font-family: Open Sans,Arial;
-  color: #d4d4d4;
-  background-color: #252422;
-  font-size: 16px;
-  margin: 1em auto;
+  color: #e4e4e4;
+  font-size: 14px;
+  margin: auto;
   max-width: 48em;
-  padding: 1em;
   line-height: 1.4;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
@@ -27,11 +25,42 @@ li {
 }
 
 a {
-  color:#00a2e7
+  color: #fa4c58;
+  text-decoration: none;
+  font-weight: bold;
 }
 
 a:visited {
-  color:#ca1a70;
+  color: #ac69e2;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+#site-content {
+  height: 20em;
+  margin: 5em auto;
+  padding: 1em;
+  border-radius: 1em;
+  background: rgba(0,0,0, 0.6);
+  box-shadow: 1em 1em 1em 1em rgba(0,0,0, 0.5);
+}
+
+#ascii-header {
+  font-size: 10px;
+  color: #e4e4e4;
+  text-decoration: none;
+}
+
+#ascii-header a {
+  color: #e4e4e4;
+  text-decoration: none;
+}
+
+#ascii-header a:visited {
+  color: #e4e4e4;
+  text-decoration: none;
 }
 
 .blog-post-date {
@@ -39,29 +68,25 @@ a:visited {
  padding: 0;
 }
 
-#blog-title {
+.blog-title {
   margin-bottom: 0;
 }
 
 
-/* Magic frog pool CSS lives here */
-#frog-pool-container {
+/* Magic background CSS lives here */
+#bg-effect-container {
   z-index: -1;
   position: absolute;
   bottom: 0%;
   left: 0%;
-  /*transform: translate(-50%, -50%);*/
-  transform: rotate(0deg);
-  background: rgb(37,36,34);
-  background: linear-gradient(-20deg, rgba(37,36,34,1) 25%, rgba(62,34,143,1) 60%, rgba(39,171,198,1) 95%); 
   height: 100%;
   width: 100%;
-  background-color: blue;
+  background-color: #252422;
   overflow: hidden;
 }
 
-.frog-pool-water {
-}
-
-.frog-pool-emoji {
+.bg-effect {
+  background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 0.6) 40%, rgba(55,17,95,0.7) 50%, rgba(32,14,84,0.6) 60%, rgba(0,0,0,1) 90%);
+  height: 100%;
+  width: 100%;
 }
diff --git a/templates/base.html b/templates/base.html
index 33d54ab..45b20d9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -7,20 +7,28 @@
 </head>
 
 <body>
-  <h1 class="title">Cyberfrog blog</h1>
+  <div id="site-content">
+  <!-- Credits to http://patorjk.com/software/taag/ for the header, made using "ANSI Regular" font -->
+  <div id="ascii-header"><a href="/"><pre>
+ ██████ ██    ██ ██████  ███████ ██████  ███████ ██████   ██████   ██████     ███    ███ ███████ 
+██       ██  ██  ██   ██ ██      ██   ██ ██      ██   ██ ██    ██ ██          ████  ████ ██      
+██        ████   ██████  █████   ██████  █████   ██████  ██    ██ ██   ███    ██ ████ ██ █████   
+██         ██    ██   ██ ██      ██   ██ ██      ██   ██ ██    ██ ██    ██    ██  ██  ██ ██      
+ ██████    ██    ██████  ███████ ██   ██ ██      ██   ██  ██████   ██████  ██ ██      ██ ███████ 
+  </pre></a></div>
+    <main id="main-content">
+      <h1 class="title">
+        This is my blog made with <a target="_blank" href="https://www.getzola.org">Zola!</a>
+      </h1>
+      <h3>It's currently running on <a target="_blank" href="https://www.vultr.com">Vultr</a> for free with 500MB of RAM and <a target="_blank" href="https://www.openbsd.org">OpenBSD :)</a></h3>
+      <div class="blog-posts">
+        {% block content %} {% endblock %}
+      </div>
+    </main>
   </div>
-  <main id="main-content">
-    <h2 class="title">
-      This is my blog made with Zola!
-    </h2>
-    <h3>It's currently running on Vultr for free with 500MB of RAM and OpenBSD :)</h3>
-    <div class="blog-posts">
-      {% block content %} {% endblock %}
-    </div>
-  </main>
   <!-- The wonderful frog pool -->
-  <div id="frog-pool-container">
-    <div class="frog-pool-water">
+  <div id="bg-effect-container">
+    <div class="bg-effect">
     </div>
   </div>
 </body>
diff --git a/templates/page.html b/templates/page.html
index 6687d53..559a8a0 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -9,7 +9,7 @@
 <body>
   <h1 class="title">Cyberfrog blog</h1>
   <main id="main-content">
-    <h2 id="blog-title">{{ page.title }}</h2>
+    <h2 class="blog-title">{{ page.title }}</h2>
     <h4 class="blog-post-date">Published: {{ page.date }} || Last updated: {{ page.updated }}</h4>
     <div class="blog-posts">
       {% block content %} {% endblock %}
