# HG changeset patch
# User Goffi <goffi@goffi.org>
# Date 1493852102 -7200
# Node ID 9a77174abc1e0f364f42dc5e29d832e8d06e7de2
# Parent  b97f050aaee29e883490c4f60b2e95468e0d9094
style: use sat-base-font + added .box class + use media queries for responsive design

diff -r b97f050aaee2 -r 9a77174abc1e default/static/styles.css
--- a/default/static/styles.css	Thu May 04 00:53:59 2017 +0200
+++ b/default/static/styles.css	Thu May 04 00:55:02 2017 +0200
@@ -1,10 +1,5 @@
 html {
-    font-family: sans-serif;
-}
-
-header {
-    font-weight: bold;
-    text-align: center;
+    font-family: "sat-base-font";
 }
 
 body {
@@ -13,7 +8,6 @@
     flex-direction: column;
     box-sizing: border-box;
     margin: 0;
-    padding: 8px;
 }
 
 #body {
@@ -25,3 +19,26 @@
     font-size: 0.7em;
     font-weight: bold;
 }
+
+.box {
+    background-color: #edf2ff;
+    border-radius: 0;
+}
+
+@media (min-width: 500px) {
+    html {
+        background-size: auto;
+    }
+    body {
+        padding: 8px;
+    }
+    .box {
+        border-radius: 1em;
+        box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5);
+    }
+}
+
+.title {
+    font-weight: bold;
+    text-align: center;
+}