new style

style/shiny/base.css

@@ -0,0 +1,72 @@
+@import url(/fonts/muller/muller.css);
+
+:root {
+  font-family: Muller;
+  font-size: x-large;
+  font-weight: 600;
+
+  --gradient:
+    linear-gradient(135deg,
+        hsl(42deg,  67%, 70%),
+        hsl(348deg, 67%, 70%),
+        hsl(334deg, 77%, 80%),
+        hsl(234deg, 77%, 76%),
+        hsl(195deg, 67%, 67%),
+        hsl(155deg, 57%, 62%)
+      );
+  background: var(--gradient) fixed;
+}
+
+header {
+  text-align: center;
+}
+
+h1, h2 { font-weight: 100; }
+h1 { font-size: 300%; }
+h2 { font-size: 125%; }
+
+body {
+  --shadow: hsl(42deg, 82%, 90%, 75%);
+
+  background: hsla(0, 0%, 0%, 60%);
+  border: 3px solid white;
+  box-shadow: 0 0 3em var(--shadow);
+  position: relative;
+
+  max-width: 1200px;
+  padding: 2em 1.5em;
+  margin: 2em auto 3.5em;
+  border-radius: 1.5em;
+
+  color: white;
+  --text-shadow: 2px 2px 3px hsl(0, 0%, 0%, 75%);
+  text-shadow: var(--text-shadow);
+}
+
+header h1 {
+  margin: 0; padding: 0;
+}
+
+a {
+  color: inherit;
+}
+
+footer {
+  font-weight: 500;
+  font-size: 80%;
+}
+
+
+.corner {
+  display: block;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0.5em;
+
+  font-size: 100%;
+  font-weight: 500;
+}
+
+.corner.left { left: 2em; }
+.corner.right { right: 2em; }