add basic style

1 files changed, 64 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e0c968d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,64 @@
+body {
+  color: white;
+  background-color: black;
+  font-family: "Jura", monospace;
+  font-variant-caps: small-caps;
+  position: relative;
+  overflow-x: hidden;
+}
+
+.logo {
+  margin-top: 0em;
+  margin-bottom: 0em;
+  font-size: 10em;
+}
+
+#overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 100%;
+    background: orange;
+    mix-blend-mode: multiply;
+    pointer-events: none;
+    overflow: none;
+}
+
+#root {
+  width: min(90vw, 50em);
+  margin: auto;
+  border-left: 1px solid white;
+  border-right: 1px solid white;
+  padding: 0.5em;
+  min-height: 95vh;
+}
+
+.center {
+  text-align: center;
+  margin: auto;
+}
+
+input {
+  font-family: "Jura", monospace;
+  font-variant-caps: small-caps;
+  color: white;
+  background-color: black;
+  font-size: 1em;
+  padding: 0.5em;
+  margin: 0.5em;
+  font-weight: bold;
+  border: 2px solid;
+}
+input[type=button] {
+  padding: 0.6em;
+  font-size: 1.3em;
+}
+input[type=button]:hover {
+  color: black;
+  background-color: white;
+}
+input[type=button]:active {
+  color: black;
+  background-color: grey;
+}