1 files changed, 84 insertions, 2 deletions

@@ -10,8 +10,8 @@
 
     a {
       display: block;
-      width: 1110px;
-      height: 454px;
+      width: 600px;
+      height: 245px;
       text-indent: -5000px;
       text-decoration: none;
       margin: 0;
@@ -169,3 +169,85 @@ input[type="range"]::-ms-thumb {
     padding: 0;
   }
 }
+
+#current-date {
+  margin-top: 1em;
+  text-align: center;
+}
+
+#choose-difficulty {
+  margin: 1em auto 2em;
+  width: max-content;
+  display: flex;
+}
+
+#normal-link {
+  width: 215px;
+  margin-right: 1em;
+
+  a {
+    background-image: image-url("wittle/wittle_normal.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+#hard-link {
+  width: 215px;
+  margin-right: 1em;
+
+  a {
+    background-image: image-url("wittle/wittle_hard.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+#expert-link {
+  width: 215px;
+
+  a {
+    background-image: image-url("wittle/wittle_expert.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+.summary {
+  width: 50%;
+  min-width: 600px;
+  margin: 0 auto 1em;
+}
+
+.puzzle-status {
+  text-align: center;
+  margin-bottom: 0;
+}
+
+.breadcrumb {
+  text-align: center;
+
+  a, a:visited {
+    color: #555d66;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+}