Info modal skeleton

1 files changed, 25 insertions, 0 deletions

diff --git a/src/Geshem.css b/src/Geshem.css
index b99a95c..0a719d7 100644
--- a/src/Geshem.css
+++ b/src/Geshem.css
@@ -6,6 +6,31 @@
   font-family: monospace;
 }
 
+#info {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  color: white;
+  font-family: monospace;
+}
+
+#info-button {
+  font-size: 2em;
+  background: #777;
+  padding: 10px 14px;
+  border-radius: 7px;
+}
+
+#info-modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  /* bring your own prefixes */
+  transform: translate(-50%, -50%);
+  padding: 30px;
+  background: #777;
+}
+
 #date {
   font-size: 1.4em;
 }