initial commit

src/front/banner/index.css

@@ -0,0 +1,60 @@
+@import 'tachyons/css/tachyons.css';
+
+body {
+  background-color: #111;
+  color: #eee;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue', sans-serif;
+  padding: 0;
+  margin: 0;
+}
+
+main {
+  font-size: min(5vw, 5rem);
+  text-align: center;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+h1 {
+  border-bottom: 0.5em solid currentColor;
+  padding-bottom: 0.15em;
+}
+
+.countdown {
+  font-size: min(8rem, 25vh);
+}
+
+.tile {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 1.5rem;
+  background: #ffffff12;
+  border: none;
+  padding: 0.25em 1em;
+  color: currentColor;
+  opacity: 0.5;
+  transition: all 150ms ease;
+}
+
+.tile:hover {
+  opacity: 1;
+}
+
+.message {
+  top: 3rem;
+}
+
+button {
+  bottom: 3rem;
+  cursor: pointer;
+  appearance: none;
+}
+
+button:hover {
+  background-color: #2c2cce;
+}