From c7cb0e1cf82760a9d32801616c45eb87e7d50c2a Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Tue, 4 Sep 2018 15:51:42 +0200
Subject: Added conversation content :art: :sparkles:

---
 styles.css | 49 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 48 insertions(+), 1 deletion(-)

(limited to 'styles.css')

diff --git a/styles.css b/styles.css
index e0de5c8..76a9cc5 100644
--- a/styles.css
+++ b/styles.css
@@ -1,8 +1,55 @@
-body {
+html, body {
+    overflow: hidden;
     margin: 0;
+    font-family: 'Space Mono', monospace;
     background-color: #0c0c1c;
+    height: 100%;
+    width: 100%;
 }
 
+/*
+    Background
+ */
 canvas {
     display: block;
+    vertical-align: bottom;
+}
+
+.starBackground {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+}
+
+/*
+    Content
+ */
+.contentWrapper {
+    position: relative;
+    height: 100%;
+    width: 100%;
+}
+
+.content {
+    position: absolute;
+    text-align: center;
+    color: #fff;
+    font-size: 2vh;
+    max-width: 85%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+@media only screen and (max-width: 600px) {
+    .content {
+        width: 95%;
+    }
+}
+
+@media only screen and (max-width: 400px) {
+    .content {
+        font-size: 1.5vh;
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3