Added conversation content :art: :sparkles:

1 files changed, 48 insertions, 1 deletions

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