use dynamic heading for formatting

main.css

@@ -2,5 +2,4 @@ body {
     background-color: black;
     color: #0f0;
     font-family: monospace;
-    font-size: 3rem;
 }

main.js

@@ -3,7 +3,7 @@ const minute = second*60;
 const hour = minute*60;
 const day = hour*24;
 
-const countdown = (target) => {
+const countdown = (target, heading) => {
     const now = new Date();
     const diff = target - now;
 
@@ -21,16 +21,18 @@ const countdown = (target) => {
     });
 
     return `
-${formatted[0]} Days<br>
+<h${heading}>${formatted[0]} Days</h${heading}>
-${formatted[1]} Hours<br>
+<h${heading}>${formatted[1]} Hours</h${heading}>
-${formatted[2]} Minutes<br>
+<h${heading}>${formatted[2]} Minutes</h${heading}>
-${formatted[3]} Seconds<br>
+<h${heading}>${formatted[3]} Seconds</h${heading}>
 `;
 };
 
 const hash_date = new Date(location.hash.substr(1))
 const update_all = () => {
-    document.getElementById('output').innerHTML = countdown(hash_date);
+    let i = 1
+    const date_list = location.hash.split('#').slice(1).map((fragment) => {return new Date(fragment)})
+    document.getElementById('output').innerHTML = countdown(date_list[0], i);
 }
 update_all();
 setInterval(update_all, 500);