1 files changed, 137 insertions, 0 deletions
diff --git a/static/less/style.less b/static/less/style.less
new file mode 100644
index 0000000..558c621
--- /dev/null
+++ b/static/less/style.less
@@ -0,0 +1,137 @@
+@import "../less/normalize";
+
+html {
+  font-size: 62.5%;
+}
+
+body {
+  font-size: 2em;
+  line-height: 1.6;
+  font-weight: 400;
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background-image: url("https://jokler.xyz/f/REVI+tLt/jpg");
+  background-size: cover;
+  background-attachment:fixed;
+  background-color: #151515;
+  color: #eee;
+}
+
+main {
+  position: relative;
+  width: 100%;
+  max-width: 950px;
+  margin: 40px auto;
+  padding: 20px;
+  box-sizing: border-box;
+  background-color: #252525;
+  border-radius: 5px;
+}
+
+input, button {
+  background-color: #141414;
+  border-radius: 0.1em;
+  border-color: #2d2d2d;
+  margin: 0.4em;
+}
+
+table {
+    border-collapse: separate;
+    border-spacing: 10px;
+}
+
+.error, .minus {
+  color: red;
+}
+
+.success, .plus {
+  color: green;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.button {
+    background-color: #373737;
+    margin: 5px;
+    padding: 5px;
+    color: #eee;
+    border: #444343 outset 2px;
+    text-decoration: none;
+}
+
+.button:hover {
+    background-color: #282828;
+    border: #313131 inset 2px;
+}
+
+.highlight-bg {
+  background-color: #222;
+}
+
+.settings {
+  display: flex;
+  justify-content: right;
+}
+
+.center {
+  display: flex;
+  justify-content: center;
+}
+
+.fixed-form {
+  margin: 0.5em;
+  max-width: 15em;
+}
+
+/* Typography
+ * –––––––––––––––––––––––––––––––––––––––––––––––––– */
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 2rem;
+  font-weight: 300;
+}
+
+h1 {
+font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
+h2 {
+  font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem;
+  margin-top: 0.5em;
+}
+h3 {
+  font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem;
+}
+h4 {
+  font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem;
+}
+h5 {
+  font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;
+}
+h6 {
+  font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0;
+}
+
+/* Larger than phablet */
+@media (min-width: 550px) {
+  h1 {
+    font-size: 5.0rem;
+  }
+  h2 {
+    font-size: 4.2rem;
+  }
+  h3 {
+    font-size: 3.6rem;
+  }
+  h4 {
+    font-size: 3.0rem;
+  }
+  h5 {
+    font-size: 2.4rem;
+  }
+  h6 {
+    font-size: 1.5rem;
+  }
+}
+
+/* vim: expandtab sw=2 ts=2
+ */