More CSS polish

3 files changed, 23 insertions, 26 deletions

diff --git a/src/game.md b/src/game.md
index 455dc8c..a330de2 100644
--- a/src/game.md
+++ b/src/game.md
@@ -1,7 +1,6 @@
-<p class="note">May 7, 2021</p>
-
-# My game    
+# My game 
 
+> 7<sup>th</sup> May 2021 &mdash; hello world!
 
 Aftershock (working title) is a multiplayer old-school arena shooter being made in Unity. It's a hobby project that I have been working on since 2016. It started as a *warmup* project before jumping into developing an MMO, but I have since learned how much work goes into making just a multiplayer fps. Especially as a solo project. 
 
@@ -18,5 +17,5 @@ Main features (so far):
 
 I'm in the process of rewriting a lot of systems in the game at the moment because I'm switching from janky p2p multiplayer to an authoritative server setup with client-side prediction [(more)](https://www.gabrielgambetta.com/client-server-game-architecture.html).
 
-&#10148;&ensp;&ensp;[Gameplay clips](https://www.youtube.com/c/adamski1)  
-&#10148;&ensp;&ensp;[Follow my progress](https://trello.com/b/ycQyrouQ)
+&#10148;&ensp;[Gameplay clips](https://www.youtube.com/c/adamski1)  
+&#10148;&ensp;[Follow my progress](https://trello.com/b/ycQyrouQ)
diff --git a/src/index.md b/src/index.md
index d3abc15..512af2c 100644
--- a/src/index.md
+++ b/src/index.md
@@ -5,4 +5,4 @@ My name is Adam and I am a computer nerd studying at Aalborg University. I am in
 I'm currently working as a student developer at E-Komplet and I work on my multiplayer old-school arena shooter in my free time. I occasionally post videos of my game along with other stuff [here](https://youtube.com/c/adamski1).
 
 ## Posts
-&#10148;&ensp;&ensp;[Project Aftershock // Rizen's Arena](game.html)
+&#10148;&ensp;[Project Aftershock // Rizen's Arena](game.html)
diff --git a/src/styles/style.css b/src/styles/style.css
index 976898c..547f640 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -1,39 +1,52 @@
 body {
     background-color: #181a1b;
     color: #ddd;
-    font: 1.1em/1.8 'Open Sans', sans-serif;
+    font: 1em/1.8 'Open Sans', sans-serif;
     margin: 0 auto;
     max-width: 50em;
     padding: 0em 1em;
 }
 
-h1 {
-    margin-top: 0.5em;
+header {
+    margin-top: 1em;
     font-size: 2em;
 }
 
+footer {
+    margin-top: 2em;
+    margin-bottom: 1em;
+    text-align: center;
+}
+
+header, footer {
+    color: #888;
+}
+
 a {
     color: #fda;
     text-decoration: none;
 }
+
 a:hover {
     text-decoration: underline;
     text-decoration-color: #ca8;
 }
 
-
 pre, code {
     font: 1.1em/1.5 monospace;
 }
+
 pre {
     overflow-x: auto;
     padding: .5em 1em;
     background-color: #222;
 }
+
 code {
     white-space: pre;
     color: rgb(251, 252, 189);
 }
+
 pre code {
     color: #ddd;
 }
@@ -41,6 +54,7 @@ pre code {
 p img, table {
     max-width: 100%;
 }
+
 img {
     display: block;
     margin-left: auto;
@@ -54,22 +68,6 @@ blockquote {
     padding-left: 1em;
 }
 
-header {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 2em;
-}
-footer {
-    margin-top: 3em;
-    margin-bottom: 4em;
-    text-align: center;
-}
-.note {
-    margin: 0;
-}
-header, footer, .note, .note a {
-    color: #888;
-}
 .homepage-link { 
     color: rgb(198, 90, 90);
     text-decoration-color: #555;