test again for timer

diff --git a/2022/assets/css/custom.css b/2022/assets/css/custom.css
index 0c8746d502e9ff28bf516053529bfd606916a91a..5dd78bd74db61c86b82f48f7f2f483284a31246e 100644 (file)
--- a/2022/assets/css/custom.css
+++ b/2022/assets/css/custom.css
@@ -654,13 +654,35 @@ hr {
 }
 
 /* timer */
-.lp-timer {
+/* general styling */
+:root {
+  --smaller: .75;
+}
+
+* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+}
+
+html, body {
+  height: 100%;
+  margin: 0;
+}
+
+body {
   align-items: center;
+  background-color: #ffd54f;
   display: flex;
-  
+  font-family: -apple-system, 
+    BlinkMacSystemFont, 
+    "Segoe UI", 
+    Roboto, 
+    Oxygen-Sans, 
+    Ubuntu, 
+    Cantarell, 
+    "Helvetica Neue", 
+    sans-serif;
 }
 
 .timer-container {
@@ -669,13 +691,13 @@ hr {
   text-align: center;
 }
 
-#h1 {
+h1 {
   font-weight: normal;
   letter-spacing: .125rem;
   text-transform: uppercase;
 }
 
-#li {
+li {
   display: inline-block;
   font-size: 1.5em;
   list-style-type: none;
@@ -683,11 +705,21 @@ hr {
   text-transform: uppercase;
 }
 
-#li span {
+li span {
   display: block;
   font-size: 4.5rem;
 }
 
+.emoji {
+  display: none;
+  padding: 1rem;
+}
+
+.emoji span {
+  font-size: 4rem;
+  padding: 0 .5rem;
+}
+
 @media all and (max-width: 768px) {
   h1 {
     font-size: calc(1.5rem * var(--smaller));
@@ -701,7 +733,6 @@ hr {
     font-size: calc(3.375rem * var(--smaller));
   }
 }
-
 /* end timer */
 
 .lp-signup {