3 files changed, 59 insertions, 6 deletions
diff --git a/client/css/home.styl b/client/css/home.styl
index 18fc877..0c6d549 100644
--- a/client/css/home.styl
+++ b/client/css/home.styl
@@ -3,6 +3,27 @@
 
     h1
         margin-top: 0
+        margin-bottom: 0.5em
 
     .message
         margin-bottom: 2em
+
+    .post-container
+        display: flex
+        align-items: center
+        justify-content: center
+
+    nav
+        margin-bottom: 0.5em
+        a
+            padding: 0.5em
+
+    form
+        width: auto
+
+    aside
+        margin-top: 0.2em
+        margin-bottom: 1em
+
+    footer
+        font-size: 80%
diff --git a/client/css/main.styl b/client/css/main.styl
index 0f114f9..8fd92f9 100644
--- a/client/css/main.styl
+++ b/client/css/main.styl
@@ -132,7 +132,6 @@ a .access-key
     .access-key
         text-decoration: underline
     .thumbnail
-        vertical-align: middle
         width: 1.5em
         height: 1.5em
         margin: calc((2.3em - 1.5em) / 2)
@@ -161,15 +160,19 @@ a .access-key
 
 .thumbnail
     /*background-image: attr(data-src url)*/ /* not available yet */
+    vertical-align: middle
     background-repeat: no-repeat
     background-size: cover
     background-position: center
     display: inline-block
-
-.thumbnail img
-    opacity: 0
-    width: 100%
-    height: 100%
+    img
+        opacity: 0
+        width: 100%
+        height: 100%
+span>.thumbnail
+    width: 20px
+    height: 20px
+    margin: 0 0.4em 0 0.4em
 
 .flexbox-dummy
     height: 0 !important
diff --git a/client/css/posts.styl b/client/css/posts.styl
new file mode 100644
index 0000000..3ea0f8b
--- /dev/null
+++ b/client/css/posts.styl
@@ -0,0 +1,29 @@
+@import colors
+
+.post-container
+    text-align: center
+    .post-content
+        text-align: left
+        margin: 0 auto
+        max-height: 100%
+        max-width: 100%
+        object-fit: contain
+        position: relative
+
+        img, object, video, .post-overlay
+            position: absolute
+            height: 100%
+            width: 100%
+            left: 0
+            right: 0
+            top: 0
+            bottom: 0
+
+        .post-overlay>*
+            position: absolute
+            left: 0
+            right: 0
+            top: 0
+            bottom: 0
+            width: 100%
+            height: 100%