Updated .messages to have more top margin. Re-arranged CSS to bring * & body to top of page.

xppl/static/css/style.css

@@ -1,9 +1,18 @@
 @import url("../fonts/fonts_style.css");
 
+/* TODO: Why is there two font-family settings */
 * {
   font-family: "Archivo Narrow";
 }
 
+body {
+  font-family: "Archivo Narrow"
+}
+
+nav {
+  font-size: .7em
+}
+
 p {
   font-size: 20px;
 }
@@ -389,7 +398,7 @@ div.marquee>div.marquee-text {
   bottom: 40px;
   display: block;
   width: 100%;
-  padding: 10px;
+  padding: 30px 10px 10px;
   margin: 0px;
   height: 100%;
   overflow-y: scroll;
@@ -611,14 +620,6 @@ div.marquee>div.marquee-text {
   cursor: pointer;
 }
 
-body {
-  font-family: "Archivo Narrow"
-}
-
-nav {
-  font-size: .7em
-}
-
 @page {
   size: A5;
   margin: 1cm