1 files changed, 48 insertions, 28 deletions

diff --git a/website/assets/css/style.css b/website/assets/css/style.css
index 4c691fb..d3f4f5a 100644
--- a/website/assets/css/style.css
+++ b/website/assets/css/style.css
@@ -6,6 +6,31 @@
         text-transform: none !important;
 }
 
+kbd {
+        padding: 0.1em 0.6em;
+        border: 1px solid #ccc;
+        font-size: 11px;
+        font-family: Arial, Helvetica, sans-serif;
+        background-color: #f7f7f7;
+        color: #333;
+        /*-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
+         -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
+         box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;*/
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        border-radius: 3px;
+        display: inline-block;
+        margin: 0 0.1em;
+        text-shadow: 0 1px 0 #fff;
+        line-height: 1.4;
+        white-space: nowrap;
+        vertical-align: text-top;
+}
+
+ul .fa {
+        margin-right: 0.25em;
+}
+
 .anchor {
         position: relative;
         margin-top: -5%;
@@ -21,43 +46,38 @@
         z-index: 3;
         overflow: hidden;
         background-color: #2d3e50;
+        color: #FFF;
+}
+
+.fullscreen p {
+        margin-top: 120px;
+        text-align: center;
+}
+
+.fullscreen a {
+        color: #6FBEF3;
 }
 
 .overbox {
-        display: none;
+        /*display: none;*/
+        margin-left: -100%;
 }
 
 .overbox:target {
-        display: block;
+        /*display: block;*/
+        margin-left: 0;
+}
+
+#play > * {
+        margin-top: 120px;
+        margin-left: 90px;
+        width: calc(100% - 180px);
+        height: calc(100% - 180px);
 }
 
 #map-frame {
         width: 100%;
         height: 100%;
         border: none;
-}
-
-kbd {
-        padding: 0.1em 0.6em;
-        border: 1px solid #ccc;
-        font-size: 11px;
-        font-family: Arial, Helvetica, sans-serif;
-        background-color: #f7f7f7;
-        color: #333;
-        /*-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;*/
-        -moz-border-radius: 3px;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        display: inline-block;
-        margin: 0 0.1em;
-        text-shadow: 0 1px 0 #fff;
-        line-height: 1.4;
-        white-space: nowrap;
-        vertical-align: text-top;
-}
-
-ul .fa {
-        margin-right: 0.25em;
-}
+        overflow: hidden;
+}
\ No newline at end of file