More styling changes

static/main.css

@@ -1,15 +1,9 @@
-html {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-}
-
 body {
-  font-family: Open Sans,Arial;
+  font-family: Open Sans, Arial;
   color: #e4e4e4;
   font-size: 14px;
   margin: auto;
-  max-width: 48em;
+  max-width: 50em;
   line-height: 1.4;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
@@ -39,11 +33,12 @@ a:hover {
 }
 
 #site-content {
-  height: 20em;
+  height: 100%;
   margin: 5em auto;
   padding: 1em;
+  padding-bottom: 2em;
   border-radius: 1em;
-  background: rgba(0,0,0, 0.6);
+  background: rgba(0,0,0, 0.7);
   box-shadow: 1em 1em 1em 1em rgba(0,0,0, 0.5);
 }
 
@@ -51,6 +46,7 @@ a:hover {
   font-size: 10px;
   color: #e4e4e4;
   text-decoration: none;
+  border-bottom: #541287 0.8em dotted;
 }
 
 #ascii-header a {
@@ -81,7 +77,7 @@ a:hover {
   left: 0%;
   height: 100%;
   width: 100%;
-  background-color: #252422;
+  background-color: #000000;
   overflow: hidden;
 }
 

templates/base.html

@@ -20,7 +20,7 @@
       <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>
+      <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>