From 899815fff48cc3e9d1c31996736a2ccb94d9dd2e Mon Sep 17 00:00:00 2001
From: Jeconias Santos <jeconiass2009@hotmail.com>
Date: Mon, 29 Apr 2024 15:20:19 -0300
Subject: [PATCH] Updates

---
 github-mark.3df8fac3.svg                 |   1 +
 index.679775a1.css => index.25eb0ca3.css |   4 +-
 index.25eb0ca3.css.map                   |   1 +
 index.550a568e.css                       | 133 ++++
 index.550a568e.css.map                   |   1 +
 index.679775a1.css.map                   |   1 -
 index.c184be2f.css                       |   2 +
 index.c184be2f.css.map                   |   1 +
 index.d35038c0.js                        | 768 +++++++++++++++++++++++
 index.d35038c0.js.map                    |   1 +
 index.e4ef606e.js                        |   2 +
 index.e4ef606e.js.map                    |   1 +
 index.html                               |   2 +-
 info.ad84cfd0.svg                        |   3 +
 info.b55cfeb1.svg                        |   1 +
 15 files changed, 918 insertions(+), 4 deletions(-)
 create mode 100644 github-mark.3df8fac3.svg
 rename index.679775a1.css => index.25eb0ca3.css (56%)
 create mode 100644 index.25eb0ca3.css.map
 create mode 100644 index.550a568e.css
 create mode 100644 index.550a568e.css.map
 delete mode 100644 index.679775a1.css.map
 create mode 100644 index.c184be2f.css
 create mode 100644 index.c184be2f.css.map
 create mode 100644 index.d35038c0.js
 create mode 100644 index.d35038c0.js.map
 create mode 100644 index.e4ef606e.js
 create mode 100644 index.e4ef606e.js.map
 create mode 100644 info.ad84cfd0.svg
 create mode 100644 info.b55cfeb1.svg

diff --git a/github-mark.3df8fac3.svg b/github-mark.3df8fac3.svg
new file mode 100644
index 0000000..fe7fb1a
--- /dev/null
+++ b/github-mark.3df8fac3.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"></path></svg>
\ No newline at end of file
diff --git a/index.679775a1.css b/index.25eb0ca3.css
similarity index 56%
rename from index.679775a1.css
rename to index.25eb0ca3.css
index 68f7a48..9afac50 100644
--- a/index.679775a1.css
+++ b/index.25eb0ca3.css
@@ -1,2 +1,2 @@
-*{font-family:trebuchet ms,verdana,helvetica,arial,sans-serif}html,body{margin:0;padding:0}.main{height:100vh;background-color:#2e3440;flex-direction:column;display:flex;position:relative}.main #timers{border-top:1px solid #ffffff1a;flex-wrap:wrap;margin:0;padding:16px;list-style:none;display:flex}.main #timers li{cursor:pointer;background-color:#ffffff1a;border-radius:4px;flex:1;justify-content:center;align-items:center;margin:4px;padding:8px 16px;transition:opacity .3s;display:flex}.main #timers li span{color:#fff;font-size:2vw;position:relative}.main #timers li span b{font-size:.7rem;position:absolute;top:-4px;right:-16px}.main #timers li:hover{opacity:.5}.timer-wrapper{height:100%;justify-content:center;align-items:center;display:flex}.timer-wrapper span{text-align:center;color:#fff;cursor:pointer;font-size:17vw;transition:opacity .3s}.timer-wrapper span:hover{opacity:.3}#background-timer{z-index:1;pointer-events:none;background-color:#ffffff1a;transition:bottom .3s;position:absolute;inset:0}.gh-link{width:30px;position:absolute;top:10px;right:10px}.gh-link img{width:100%;object-position:center}
-/*# sourceMappingURL=index.679775a1.css.map */
+*{font-family:trebuchet ms,verdana,helvetica,arial,sans-serif}html,body{margin:0;padding:0}.main{height:100vh;background-color:#2e3440;flex-direction:column;display:flex;position:relative}.main #timers{border-top:1px solid #ffffff1a;flex-wrap:wrap;margin:0;padding:16px;list-style:none;display:flex}.main #timers li{cursor:pointer;background-color:#ffffff1a;border-radius:4px;flex:1;justify-content:center;align-items:center;margin:4px;padding:8px 16px;transition:opacity .3s;display:flex}.main #timers li span{color:#fff;font-size:2vh;position:relative}.main #timers li span b{font-size:.7rem;position:absolute;top:-4px;right:-16px}.main #timers li:hover{opacity:.5}.timer-wrapper{height:100%;justify-content:center;align-items:center;display:flex}.timer-wrapper span{text-align:center;color:#fff;cursor:pointer;font-size:17vw;transition:opacity .3s}.timer-wrapper span:hover{opacity:.3}#background-timer{z-index:1;pointer-events:none;background-color:#ffffff1a;transition:bottom .3s;position:absolute;inset:0}#information-icon{width:24px;height:24px;margin:8px;position:relative}#information-icon img{width:100%;cursor:pointer}#information-icon ul{background-color:#ccc;border-radius:8px;padding:8px;font-size:1.5vh;line-height:1.1;list-style:none;transition:top .6s;position:absolute;top:-1000px;left:28px}#information-icon:hover ul{top:0}.gh-link{width:24px;height:24px;position:absolute;top:10px;right:10px}.gh-link img{width:100%;object-position:center}@media (max-width:1024px){#timers>li>span b,#information-icon{display:none}}
+/*# sourceMappingURL=index.25eb0ca3.css.map */
diff --git a/index.25eb0ca3.css.map b/index.25eb0ca3.css.map
new file mode 100644
index 0000000..bbe847e
--- /dev/null
+++ b/index.25eb0ca3.css.map
@@ -0,0 +1 @@
+{"mappings":"ACOA,8DAIA,6BAMA,iGAOE,+GAQE,8LAaE,iEAKE,+EAQF,kCAON,kFAME,sGAOE,qCAMJ,2HAaA,sEAME,gDAKA,oLAcE,iCAMJ,sEAOE,+CAMF,0BACE","sources":["index.25eb0ca3.css","css/timer.scss","css/mixin.scss"],"sourcesContent":["* {\n  font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\n.main {\n  height: 100vh;\n  background-color: #2e3440;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n.main #timers {\n  border-top: 1px solid #ffffff1a;\n  flex-wrap: wrap;\n  margin: 0;\n  padding: 16px;\n  list-style: none;\n  display: flex;\n}\n\n.main #timers li {\n  cursor: pointer;\n  background-color: #ffffff1a;\n  border-radius: 4px;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin: 4px;\n  padding: 8px 16px;\n  transition: opacity .3s;\n  display: flex;\n}\n\n.main #timers li span {\n  color: #fff;\n  font-size: 2vh;\n  position: relative;\n}\n\n.main #timers li span b {\n  font-size: .7rem;\n  position: absolute;\n  top: -4px;\n  right: -16px;\n}\n\n.main #timers li:hover {\n  opacity: .5;\n}\n\n.timer-wrapper {\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.timer-wrapper span {\n  text-align: center;\n  color: #fff;\n  cursor: pointer;\n  font-size: 17vw;\n  transition: opacity .3s;\n}\n\n.timer-wrapper span:hover {\n  opacity: .3;\n}\n\n#background-timer {\n  z-index: 1;\n  pointer-events: none;\n  background-color: #ffffff1a;\n  transition: bottom .3s;\n  position: absolute;\n  inset: 0;\n}\n\n#information-icon {\n  width: 24px;\n  height: 24px;\n  margin: 8px;\n  position: relative;\n}\n\n#information-icon img {\n  width: 100%;\n  cursor: pointer;\n}\n\n#information-icon ul {\n  background-color: #ccc;\n  border-radius: 8px;\n  padding: 8px;\n  font-size: 1.5vh;\n  line-height: 1.1;\n  list-style: none;\n  transition: top .6s;\n  position: absolute;\n  top: -1000px;\n  left: 28px;\n}\n\n#information-icon:hover ul {\n  top: 0;\n}\n\n.gh-link {\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.gh-link img {\n  width: 100%;\n  object-position: center;\n}\n\n@media (max-width: 1024px) {\n  #timers > li > span b, #information-icon {\n    display: none;\n  }\n}\n\n/*# sourceMappingURL=index.25eb0ca3.css.map */\n","@use './mixin.scss' as *;\n\n$backgroundColor: #2e3440;\n$fontColor: #fff;\n\n$transparentColor: rgba(255, 255, 255, 0.1);\n\n* {\n  font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;\n}\n\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n\n.main {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background-color: $backgroundColor;\n\n  #timers {\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 16px;\n    border-top: 1px solid $transparentColor;\n\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 8px 16px;\n      margin: 4px;\n      background-color: $transparentColor;\n      border-radius: 4px;\n      cursor: pointer;\n\n      @include opacity-animation;\n\n      span {\n        position: relative;\n        color: $fontColor;\n        font-size: 2vh;\n\n        b {\n          position: absolute;\n          top: -4px;\n          right: -16px;\n          font-size: 0.7rem;\n        }\n      }\n\n      &:hover {\n        opacity: 0.5;\n      }\n    }\n  }\n}\n\n.timer-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n\n  span {\n    text-align: center;\n    font-size: 17vw;\n    color: $fontColor;\n    cursor: pointer;\n    @include opacity-animation;\n\n    &:hover {\n      opacity: 0.3;\n    }\n  }\n}\n\n#background-timer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: $transparentColor;\n  z-index: 1;\n  pointer-events: none;\n\n  @include opacity-animation(bottom);\n}\n\n#information-icon {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  margin: 8px;\n\n  img {\n    width: 100%;\n    cursor: pointer;\n  }\n\n  ul {\n    position: absolute;\n    padding: 8px;\n    top: -1000px;\n    left: 28px;\n    border-radius: 8px;\n    transition: top 0.6s;\n    list-style: none;\n    font-size: 1.5vh;\n    line-height: 1.1;\n    background-color: #ccc;\n  }\n\n  &:hover {\n    ul {\n      top: 0;\n    }\n  }\n}\n\n.gh-link {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 24px;\n  height: 24px;\n\n  img {\n    width: 100%;\n    object-position: center;\n  }\n}\n\n@media (max-width: 1024px) {\n  #timers > li > span b {\n    display: none;\n  }\n\n  #information-icon {\n    display: none;\n  }\n}\n","$speed-animation: (\n  'fast': 0.1s,\n  'normal': 0.3s,\n  'slow': 0.5s,\n);\n\n@mixin opacity-animation($property: opacity, $speed: 'normal') {\n  transition: $property map-get($speed-animation, $speed) or\n    map-get($speed-animation, 'normal');\n}\n"],"names":[],"version":3,"file":"index.25eb0ca3.css.map"}
\ No newline at end of file
diff --git a/index.550a568e.css b/index.550a568e.css
new file mode 100644
index 0000000..161f091
--- /dev/null
+++ b/index.550a568e.css
@@ -0,0 +1,133 @@
+* {
+  font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+.main {
+  height: 100vh;
+  background-color: #2e3440;
+  flex-direction: column;
+  display: flex;
+  position: relative;
+}
+
+.main #timers {
+  border-top: 1px solid #ffffff1a;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 16px;
+  list-style: none;
+  display: flex;
+}
+
+.main #timers li {
+  cursor: pointer;
+  background-color: #ffffff1a;
+  border-radius: 4px;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  margin: 4px;
+  padding: 8px 16px;
+  transition: opacity .3s;
+  display: flex;
+}
+
+.main #timers li span {
+  color: #fff;
+  font-size: 2vh;
+  position: relative;
+}
+
+.main #timers li span b {
+  font-size: .7rem;
+  position: absolute;
+  top: -4px;
+  right: -16px;
+}
+
+.main #timers li:hover {
+  opacity: .5;
+}
+
+.timer-wrapper {
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.timer-wrapper span {
+  text-align: center;
+  color: #fff;
+  cursor: pointer;
+  font-size: 17vw;
+  transition: opacity .3s;
+}
+
+.timer-wrapper span:hover {
+  opacity: .3;
+}
+
+#background-timer {
+  z-index: 1;
+  pointer-events: none;
+  background-color: #ffffff1a;
+  transition: bottom .3s;
+  position: absolute;
+  inset: 0;
+}
+
+#information-icon {
+  width: 24px;
+  height: 24px;
+  margin: 8px;
+  position: relative;
+}
+
+#information-icon img {
+  width: 100%;
+  cursor: pointer;
+}
+
+#information-icon ul {
+  background-color: #ccc;
+  border-radius: 8px;
+  padding: 8px;
+  font-size: 1.5vh;
+  line-height: 1.1;
+  list-style: none;
+  transition: top .6s;
+  position: absolute;
+  top: -1000px;
+  left: 28px;
+}
+
+#information-icon:hover ul {
+  top: 0;
+}
+
+.gh-link {
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+.gh-link img {
+  width: 100%;
+  object-position: center;
+}
+
+@media (max-width: 1024px) {
+  #timers > li > span b, #information-icon {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=index.550a568e.css.map */
diff --git a/index.550a568e.css.map b/index.550a568e.css.map
new file mode 100644
index 0000000..e5d17b0
--- /dev/null
+++ b/index.550a568e.css.map
@@ -0,0 +1 @@
+{"mappings":"AAOA;;;;AAIA;;;;;AAMA;;;;;;;;AAOE;;;;;;;;;AAQE;;;;;;;;;;;;;AAaE;;;;;;AAKE;;;;;;;AAQF;;;;AAON;;;;;;;AAME;;;;;;;;AAOE;;;;AAMJ;;;;;;;;;AAaA;;;;;;;AAME;;;;;AAKA;;;;;;;;;;;;;AAeE;;;;AAMJ;;;;;;;;AAOE;;;;;AAMF;EACE","sources":["css/timer.scss","css/mixin.scss"],"sourcesContent":["@use './mixin.scss' as *;\n\n$backgroundColor: #2e3440;\n$fontColor: #fff;\n\n$transparentColor: rgba(255, 255, 255, 0.1);\n\n* {\n  font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;\n}\n\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n\n.main {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background-color: $backgroundColor;\n\n  #timers {\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 16px;\n    border-top: 1px solid $transparentColor;\n\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 8px 16px;\n      margin: 4px;\n      background-color: $transparentColor;\n      border-radius: 4px;\n      cursor: pointer;\n\n      @include opacity-animation;\n\n      span {\n        position: relative;\n        color: $fontColor;\n        font-size: 2vh;\n\n        b {\n          position: absolute;\n          top: -4px;\n          right: -16px;\n          font-size: 0.7rem;\n        }\n      }\n\n      &:hover {\n        opacity: 0.5;\n      }\n    }\n  }\n}\n\n.timer-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n\n  span {\n    text-align: center;\n    font-size: 17vw;\n    color: $fontColor;\n    cursor: pointer;\n    @include opacity-animation;\n\n    &:hover {\n      opacity: 0.3;\n    }\n  }\n}\n\n#background-timer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: $transparentColor;\n  z-index: 1;\n  pointer-events: none;\n\n  @include opacity-animation(bottom);\n}\n\n#information-icon {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  margin: 8px;\n\n  img {\n    width: 100%;\n    cursor: pointer;\n  }\n\n  ul {\n    position: absolute;\n    padding: 8px;\n    //width: 23vw;\n    top: -1000px;\n    left: 28px;\n    border-radius: 8px;\n    transition: top 0.6s;\n    list-style: none;\n    font-size: 1.5vh;\n    line-height: 1.1;\n    background-color: #ccc;\n  }\n\n  &:hover {\n    ul {\n      top: 0;\n    }\n  }\n}\n\n.gh-link {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 24px;\n  height: 24px;\n\n  img {\n    width: 100%;\n    object-position: center;\n  }\n}\n\n@media (max-width: 1024px) {\n  #timers > li > span b {\n    display: none;\n  }\n\n  #information-icon {\n    display: none;\n  }\n}\n",null],"names":[],"version":3,"file":"index.550a568e.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.679775a1.css.map b/index.679775a1.css.map
deleted file mode 100644
index 723829b..0000000
--- a/index.679775a1.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"mappings":"ACOA,8DAIA,6BAMA,iGAOE,+GAQE,8LAaE,iEAKE,+EAQF,kCAON,kFAME,sGAOE,qCAMJ,2HAaA,0DAME","sources":["index.679775a1.css","css/timer.scss","css/mixin.scss"],"sourcesContent":["* {\n  font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\n.main {\n  height: 100vh;\n  background-color: #2e3440;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n.main #timers {\n  border-top: 1px solid #ffffff1a;\n  flex-wrap: wrap;\n  margin: 0;\n  padding: 16px;\n  list-style: none;\n  display: flex;\n}\n\n.main #timers li {\n  cursor: pointer;\n  background-color: #ffffff1a;\n  border-radius: 4px;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin: 4px;\n  padding: 8px 16px;\n  transition: opacity .3s;\n  display: flex;\n}\n\n.main #timers li span {\n  color: #fff;\n  font-size: 2vw;\n  position: relative;\n}\n\n.main #timers li span b {\n  font-size: .7rem;\n  position: absolute;\n  top: -4px;\n  right: -16px;\n}\n\n.main #timers li:hover {\n  opacity: .5;\n}\n\n.timer-wrapper {\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.timer-wrapper span {\n  text-align: center;\n  color: #fff;\n  cursor: pointer;\n  font-size: 17vw;\n  transition: opacity .3s;\n}\n\n.timer-wrapper span:hover {\n  opacity: .3;\n}\n\n#background-timer {\n  z-index: 1;\n  pointer-events: none;\n  background-color: #ffffff1a;\n  transition: bottom .3s;\n  position: absolute;\n  inset: 0;\n}\n\n.gh-link {\n  width: 30px;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.gh-link img {\n  width: 100%;\n  object-position: center;\n}\n\n/*# sourceMappingURL=index.679775a1.css.map */\n","@use './mixin.scss' as *;\n\n$backgroundColor: #2e3440;\n$fontColor: #fff;\n\n$transparentColor: rgba(255, 255, 255, 0.1);\n\n* {\n  font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;\n}\n\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n\n.main {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background-color: $backgroundColor;\n\n  #timers {\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 16px;\n    border-top: 1px solid $transparentColor;\n\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 8px 16px;\n      margin: 4px;\n      background-color: $transparentColor;\n      border-radius: 4px;\n      cursor: pointer;\n\n      @include opacity-animation;\n\n      span {\n        position: relative;\n        color: $fontColor;\n        font-size: 2vw;\n\n        b {\n          position: absolute;\n          top: -4px;\n          right: -16px;\n          font-size: 0.7rem;\n        }\n      }\n\n      &:hover {\n        opacity: 0.5;\n      }\n    }\n  }\n}\n\n.timer-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n\n  span {\n    text-align: center;\n    font-size: 17vw;\n    color: $fontColor;\n    cursor: pointer;\n    @include opacity-animation;\n\n    &:hover {\n      opacity: 0.3;\n    }\n  }\n}\n\n#background-timer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: $transparentColor;\n  z-index: 1;\n  pointer-events: none;\n\n  @include opacity-animation(bottom);\n}\n\n.gh-link {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 30px;\n\n  img {\n    width: 100%;\n    object-position: center;\n  }\n}\n","$speed-animation: (\n  'fast': 0.1s,\n  'normal': 0.3s,\n  'slow': 0.5s,\n);\n\n@mixin opacity-animation($property: opacity, $speed: 'normal') {\n  transition: $property map-get($speed-animation, $speed) or\n    map-get($speed-animation, 'normal');\n}\n"],"names":[],"version":3,"file":"index.679775a1.css.map"}
\ No newline at end of file
diff --git a/index.c184be2f.css b/index.c184be2f.css
new file mode 100644
index 0000000..4668e96
--- /dev/null
+++ b/index.c184be2f.css
@@ -0,0 +1,2 @@
+*{font-family:trebuchet ms,verdana,helvetica,arial,sans-serif}html,body{margin:0;padding:0}.main{height:100vh;background-color:#2e3440;flex-direction:column;display:flex;position:relative}.main ul{border-top:1px solid #ffffff1a;flex-wrap:wrap;margin:0;padding:16px;list-style:none;display:flex}.main ul li{cursor:pointer;background-color:#ffffff1a;border-radius:4px;flex:1;justify-content:center;align-items:center;margin:4px;padding:8px 16px;transition:opacity .3s;display:flex}.main ul li span{color:#fff;font-size:2vw}.main ul li:hover{opacity:.5}.timer-wrapper{height:100%;justify-content:center;align-items:center;display:flex}.timer-wrapper span{text-align:center;color:#fff;cursor:pointer;font-size:17vw;transition:opacity .3s}.timer-wrapper span:hover{opacity:.3}#background-timer{z-index:1;pointer-events:none;background-color:#ffffff1a;transition:bottom .3s;position:absolute;inset:0}.gh-link{width:30px;position:absolute;top:10px;right:10px}.gh-link img{width:100%;object-position:center}
+/*# sourceMappingURL=index.c184be2f.css.map */
diff --git a/index.c184be2f.css.map b/index.c184be2f.css.map
new file mode 100644
index 0000000..7e8b479
--- /dev/null
+++ b/index.c184be2f.css.map
@@ -0,0 +1 @@
+{"mappings":"ACOA,8DAIA,6BAMA,iGAOE,0GAQE,yLAaE,0CAKA,6BAON,kFAME,sGAOE,qCAMJ,2HAaA,0DAME","sources":["index.c184be2f.css","css/timer.scss","css/mixin.scss"],"sourcesContent":["* {\n  font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\n.main {\n  height: 100vh;\n  background-color: #2e3440;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n.main ul {\n  border-top: 1px solid #ffffff1a;\n  flex-wrap: wrap;\n  margin: 0;\n  padding: 16px;\n  list-style: none;\n  display: flex;\n}\n\n.main ul li {\n  cursor: pointer;\n  background-color: #ffffff1a;\n  border-radius: 4px;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin: 4px;\n  padding: 8px 16px;\n  transition: opacity .3s;\n  display: flex;\n}\n\n.main ul li span {\n  color: #fff;\n  font-size: 2vw;\n}\n\n.main ul li:hover {\n  opacity: .5;\n}\n\n.timer-wrapper {\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.timer-wrapper span {\n  text-align: center;\n  color: #fff;\n  cursor: pointer;\n  font-size: 17vw;\n  transition: opacity .3s;\n}\n\n.timer-wrapper span:hover {\n  opacity: .3;\n}\n\n#background-timer {\n  z-index: 1;\n  pointer-events: none;\n  background-color: #ffffff1a;\n  transition: bottom .3s;\n  position: absolute;\n  inset: 0;\n}\n\n.gh-link {\n  width: 30px;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.gh-link img {\n  width: 100%;\n  object-position: center;\n}\n\n/*# sourceMappingURL=index.c184be2f.css.map */\n","@use './mixin.scss' as *;\n\n$backgroundColor: #2e3440;\n$fontColor: #fff;\n\n$transparentColor: rgba(255, 255, 255, 0.1);\n\n* {\n  font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;\n}\n\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n\n.main {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background-color: $backgroundColor;\n\n  ul {\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 16px;\n    border-top: 1px solid $transparentColor;\n\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 8px 16px;\n      margin: 4px;\n      background-color: $transparentColor;\n      border-radius: 4px;\n      cursor: pointer;\n\n      @include opacity-animation;\n\n      span {\n        color: $fontColor;\n        font-size: 2vw;\n      }\n\n      &:hover {\n        opacity: 0.5;\n      }\n    }\n  }\n}\n\n.timer-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n\n  span {\n    text-align: center;\n    font-size: 17vw;\n    color: $fontColor;\n    cursor: pointer;\n    @include opacity-animation;\n\n    &:hover {\n      opacity: 0.3;\n    }\n  }\n}\n\n#background-timer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: $transparentColor;\n  z-index: 1;\n  pointer-events: none;\n\n  @include opacity-animation(bottom);\n}\n\n.gh-link {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 30px;\n\n  img {\n    width: 100%;\n    object-position: center;\n  }\n}\n","$speed-animation: (\n  'fast': 0.1s,\n  'normal': 0.3s,\n  'slow': 0.5s,\n);\n\n@mixin opacity-animation($property: opacity, $speed: 'normal') {\n  transition: $property map-get($speed-animation, $speed) or\n    map-get($speed-animation, 'normal');\n}\n"],"names":[],"version":3,"file":"index.c184be2f.css.map"}
\ No newline at end of file
diff --git a/index.d35038c0.js b/index.d35038c0.js
new file mode 100644
index 0000000..9eeb0ef
--- /dev/null
+++ b/index.d35038c0.js
@@ -0,0 +1,768 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        this
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      return res === false ? {} : newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+
+      // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+})({"4v95w":[function(require,module,exports) {
+var global = arguments[3];
+var HMR_HOST = null;
+var HMR_PORT = null;
+var HMR_SECURE = false;
+var HMR_ENV_HASH = "d6ea1d42532a7575";
+module.bundle.HMR_BUNDLE_ID = "7bc8f997d35038c0";
+"use strict";
+/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, globalThis, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
+import type {
+  HMRAsset,
+  HMRMessage,
+} from '@parcel/reporter-dev-server/src/HMRServer.js';
+interface ParcelRequire {
+  (string): mixed;
+  cache: {|[string]: ParcelModule|};
+  hotData: mixed;
+  Module: any;
+  parent: ?ParcelRequire;
+  isParcelRequire: true;
+  modules: {|[string]: [Function, {|[string]: string|}]|};
+  HMR_BUNDLE_ID: string;
+  root: ParcelRequire;
+}
+interface ParcelModule {
+  hot: {|
+    data: mixed,
+    accept(cb: (Function) => void): void,
+    dispose(cb: (mixed) => void): void,
+    // accept(deps: Array<string> | string, cb: (Function) => void): void,
+    // decline(): void,
+    _acceptCallbacks: Array<(Function) => void>,
+    _disposeCallbacks: Array<(mixed) => void>,
+  |};
+}
+interface ExtensionContext {
+  runtime: {|
+    reload(): void,
+    getURL(url: string): string;
+    getManifest(): {manifest_version: number, ...};
+  |};
+}
+declare var module: {bundle: ParcelRequire, ...};
+declare var HMR_HOST: string;
+declare var HMR_PORT: string;
+declare var HMR_ENV_HASH: string;
+declare var HMR_SECURE: boolean;
+declare var chrome: ExtensionContext;
+declare var browser: ExtensionContext;
+declare var __parcel__import__: (string) => Promise<void>;
+declare var __parcel__importScripts__: (string) => Promise<void>;
+declare var globalThis: typeof self;
+declare var ServiceWorkerGlobalScope: Object;
+*/ var OVERLAY_ID = "__parcel__error__overlay__";
+var OldModule = module.bundle.Module;
+function Module(moduleName) {
+    OldModule.call(this, moduleName);
+    this.hot = {
+        data: module.bundle.hotData,
+        _acceptCallbacks: [],
+        _disposeCallbacks: [],
+        accept: function(fn) {
+            this._acceptCallbacks.push(fn || function() {});
+        },
+        dispose: function(fn) {
+            this._disposeCallbacks.push(fn);
+        }
+    };
+    module.bundle.hotData = undefined;
+}
+module.bundle.Module = Module;
+var checkedAssets, acceptedAssets, assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
+function getHostname() {
+    return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
+}
+function getPort() {
+    return HMR_PORT || location.port;
+} // eslint-disable-next-line no-redeclare
+var parent = module.bundle.parent;
+if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
+    var hostname = getHostname();
+    var port = getPort();
+    var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
+    var ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/"); // Web extension context
+    var extCtx = typeof chrome === "undefined" ? typeof browser === "undefined" ? null : browser : chrome; // Safari doesn't support sourceURL in error stacks.
+    // eval may also be disabled via CSP, so do a quick check.
+    var supportsSourceURL = false;
+    try {
+        (0, eval)('throw new Error("test"); //# sourceURL=test.js');
+    } catch (err) {
+        supportsSourceURL = err.stack.includes("test.js");
+    } // $FlowFixMe
+    ws.onmessage = async function(event) {
+        checkedAssets = {} /*: {|[string]: boolean|} */ ;
+        acceptedAssets = {} /*: {|[string]: boolean|} */ ;
+        assetsToAccept = [];
+        var data = JSON.parse(event.data);
+        if (data.type === "update") {
+            // Remove error overlay if there is one
+            if (typeof document !== "undefined") removeErrorOverlay();
+            let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH); // Handle HMR Update
+            let handled = assets.every((asset)=>{
+                return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+            });
+            if (handled) {
+                console.clear(); // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
+                if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
+                await hmrApplyUpdates(assets);
+                for(var i = 0; i < assetsToAccept.length; i++){
+                    var id = assetsToAccept[i][1];
+                    if (!acceptedAssets[id]) hmrAcceptRun(assetsToAccept[i][0], id);
+                }
+            } else fullReload();
+        }
+        if (data.type === "error") {
+            // Log parcel errors to console
+            for (let ansiDiagnostic of data.diagnostics.ansi){
+                let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
+                console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
+            }
+            if (typeof document !== "undefined") {
+                // Render the fancy html overlay
+                removeErrorOverlay();
+                var overlay = createErrorOverlay(data.diagnostics.html); // $FlowFixMe
+                document.body.appendChild(overlay);
+            }
+        }
+    };
+    ws.onerror = function(e) {
+        console.error(e.message);
+    };
+    ws.onclose = function() {
+        console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
+    };
+}
+function removeErrorOverlay() {
+    var overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.remove();
+        console.log("[parcel] ✨ Error resolved");
+    }
+}
+function createErrorOverlay(diagnostics) {
+    var overlay = document.createElement("div");
+    overlay.id = OVERLAY_ID;
+    let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
+    for (let diagnostic of diagnostics){
+        let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
+            return `${p}
+<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
+${frame.code}`;
+        }, "") : diagnostic.stack;
+        errorHTML += `
+      <div>
+        <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
+          🚨 ${diagnostic.message}
+        </div>
+        <pre>${stack}</pre>
+        <div>
+          ${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
+        </div>
+        ${diagnostic.documentation ? `<div>📝 <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
+      </div>
+    `;
+    }
+    errorHTML += "</div>";
+    overlay.innerHTML = errorHTML;
+    return overlay;
+}
+function fullReload() {
+    if ("reload" in location) location.reload();
+    else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
+}
+function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+    var modules = bundle.modules;
+    if (!modules) return [];
+    var parents = [];
+    var k, d, dep;
+    for(k in modules)for(d in modules[k][1]){
+        dep = modules[k][1][d];
+        if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
+            bundle,
+            k
+        ]);
+    }
+    if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
+    return parents;
+}
+function updateLink(link) {
+    var newLink = link.cloneNode();
+    newLink.onload = function() {
+        if (link.parentNode !== null) // $FlowFixMe
+        link.parentNode.removeChild(link);
+    };
+    newLink.setAttribute("href", link.getAttribute("href").split("?")[0] + "?" + Date.now()); // $FlowFixMe
+    link.parentNode.insertBefore(newLink, link.nextSibling);
+}
+var cssTimeout = null;
+function reloadCSS() {
+    if (cssTimeout) return;
+    cssTimeout = setTimeout(function() {
+        var links = document.querySelectorAll('link[rel="stylesheet"]');
+        for(var i = 0; i < links.length; i++){
+            // $FlowFixMe[incompatible-type]
+            var href = links[i].getAttribute("href");
+            var hostname = getHostname();
+            var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
+            var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+            if (!absolute) updateLink(links[i]);
+        }
+        cssTimeout = null;
+    }, 50);
+}
+function hmrDownload(asset) {
+    if (asset.type === "js") {
+        if (typeof document !== "undefined") {
+            let script = document.createElement("script");
+            script.src = asset.url + "?t=" + Date.now();
+            if (asset.outputFormat === "esmodule") script.type = "module";
+            return new Promise((resolve, reject)=>{
+                var _document$head;
+                script.onload = ()=>resolve(script);
+                script.onerror = reject;
+                (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
+            });
+        } else if (typeof importScripts === "function") {
+            // Worker scripts
+            if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
+            else return new Promise((resolve, reject)=>{
+                try {
+                    importScripts(asset.url + "?t=" + Date.now());
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            });
+        }
+    }
+}
+async function hmrApplyUpdates(assets) {
+    global.parcelHotUpdate = Object.create(null);
+    let scriptsToRemove;
+    try {
+        // If sourceURL comments aren't supported in eval, we need to load
+        // the update from the dev server over HTTP so that stack traces
+        // are correct in errors/logs. This is much slower than eval, so
+        // we only do it if needed (currently just Safari).
+        // https://bugs.webkit.org/show_bug.cgi?id=137297
+        // This path is also taken if a CSP disallows eval.
+        if (!supportsSourceURL) {
+            let promises = assets.map((asset)=>{
+                var _hmrDownload;
+                return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
+                    // Web extension bugfix for Chromium
+                    // https://bugs.chromium.org/p/chromium/issues/detail?id=1255412#c12
+                    if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3) {
+                        if (typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
+                            extCtx.runtime.reload();
+                            return;
+                        }
+                        asset.url = extCtx.runtime.getURL("/__parcel_hmr_proxy__?url=" + encodeURIComponent(asset.url + "?t=" + Date.now()));
+                        return hmrDownload(asset);
+                    }
+                    throw err;
+                });
+            });
+            scriptsToRemove = await Promise.all(promises);
+        }
+        assets.forEach(function(asset) {
+            hmrApply(module.bundle.root, asset);
+        });
+    } finally{
+        delete global.parcelHotUpdate;
+        if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
+            if (script) {
+                var _document$head2;
+                (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
+            }
+        });
+    }
+}
+function hmrApply(bundle, asset) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (asset.type === "css") reloadCSS();
+    else if (asset.type === "js") {
+        let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
+        if (deps) {
+            if (modules[asset.id]) {
+                // Remove dependencies that are removed and will become orphaned.
+                // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
+                let oldDeps = modules[asset.id][1];
+                for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
+                    let id = oldDeps[dep];
+                    let parents = getParents(module.bundle.root, id);
+                    if (parents.length === 1) hmrDelete(module.bundle.root, id);
+                }
+            }
+            if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
+            // support for source maps is better with eval.
+            (0, eval)(asset.output);
+             // $FlowFixMe
+            let fn = global.parcelHotUpdate[asset.id];
+            modules[asset.id] = [
+                fn,
+                deps
+            ];
+        } else if (bundle.parent) hmrApply(bundle.parent, asset);
+    }
+}
+function hmrDelete(bundle, id) {
+    let modules = bundle.modules;
+    if (!modules) return;
+    if (modules[id]) {
+        // Collect dependencies that will become orphaned when this module is deleted.
+        let deps = modules[id][1];
+        let orphans = [];
+        for(let dep in deps){
+            let parents = getParents(module.bundle.root, deps[dep]);
+            if (parents.length === 1) orphans.push(deps[dep]);
+        } // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
+        delete modules[id];
+        delete bundle.cache[id]; // Now delete the orphans.
+        orphans.forEach((id)=>{
+            hmrDelete(module.bundle.root, id);
+        });
+    } else if (bundle.parent) hmrDelete(bundle.parent, id);
+}
+function hmrAcceptCheck(bundle, id, depsByBundle) {
+    if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
+     // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+    let parents = getParents(module.bundle.root, id);
+    let accepted = false;
+    while(parents.length > 0){
+        let v = parents.shift();
+        let a = hmrAcceptCheckOne(v[0], v[1], null);
+        if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
+        accepted = true;
+        else {
+            // Otherwise, queue the parents in the next level upward.
+            let p = getParents(module.bundle.root, v[1]);
+            if (p.length === 0) {
+                // If there are no parents, then we've reached an entry without accepting. Reload.
+                accepted = false;
+                break;
+            }
+            parents.push(...p);
+        }
+    }
+    return accepted;
+}
+function hmrAcceptCheckOne(bundle, id, depsByBundle) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
+        // If we reached the root bundle without finding where the asset should go,
+        // there's nothing to do. Mark as "accepted" so we don't reload the page.
+        if (!bundle.parent) return true;
+        return hmrAcceptCheck(bundle.parent, id, depsByBundle);
+    }
+    if (checkedAssets[id]) return true;
+    checkedAssets[id] = true;
+    var cached = bundle.cache[id];
+    assetsToAccept.push([
+        bundle,
+        id
+    ]);
+    if (!cached || cached.hot && cached.hot._acceptCallbacks.length) return true;
+}
+function hmrAcceptRun(bundle, id) {
+    var cached = bundle.cache[id];
+    bundle.hotData = {};
+    if (cached && cached.hot) cached.hot.data = bundle.hotData;
+    if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
+        cb(bundle.hotData);
+    });
+    delete bundle.cache[id];
+    bundle(id);
+    cached = bundle.cache[id];
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
+        var assetsToAlsoAccept = cb(function() {
+            return getParents(module.bundle.root, id);
+        });
+        if (assetsToAlsoAccept && assetsToAccept.length) // $FlowFixMe[method-unbinding]
+        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
+    });
+    acceptedAssets[id] = true;
+}
+
+},{}],"b7mcv":[function(require,module,exports) {
+var _constants = require("./constants");
+var _helpers = require("./helpers");
+const getDateInstance = ()=>{
+    const d = new Date(2014, 10, 10);
+    const timezoneOffset = d.getTimezoneOffset() * 60000;
+    return new Date(d.getTime() - timezoneOffset);
+};
+/**
+ *
+ * @param {number} time
+ */ const getTime = (time)=>{
+    const d = getDateInstance();
+    d.setTime(time);
+    const isoStringTimer = d.toISOString();
+    const [_, year, month, day, hour, minute, second] = isoStringTimer.match(/(\d{4})-(\d{1,2})-(\d{1,2})T(\d{1,2}):(\d{1,2}):(\d{1,2})/);
+    return {
+        year,
+        month,
+        day,
+        hour,
+        minute,
+        second
+    };
+};
+/**
+ *
+ * @param {number} intervalId
+ * @param {HTMLElement} el
+ */ const clear = (intervalId, el)=>{
+    let id = intervalId;
+    if (typeof intervalId === "string") id = parseInt(intervalId);
+    clearInterval(id);
+    if (el) el.removeAttribute((0, _constants.INTERVAL_ID_PROPERTY));
+};
+/**
+ *
+ * @param {{timer: number}} detail
+ * @returns
+ */ const newEventStartTimer = (detail)=>new CustomEvent((0, _constants.CUSTOM_EVENTS).START_TIMER, {
+        detail
+    });
+/**
+ *
+ * @param {number} time
+ * @param {HTMLElement} target
+ * @param {boolean} skipSetTime
+ */ const startTimer = (time, target, skipSetTime)=>{
+    if (!skipSetTime) target.setAttribute((0, _constants.TIME_PROPERTY), time);
+    const base = getDateInstance().getTime();
+    const d = getDateInstance();
+    d.setMilliseconds(time);
+    let id;
+    id = setInterval(()=>{
+        const newTime = d.getTime() - (0, _constants.SECOND);
+        d.setTime(newTime);
+        const { hour , minute , second  } = getTime(newTime);
+        target.innerHTML = `${hour}:${minute}:${second}`;
+        target.setAttribute((0, _constants.INTERVAL_ID_PROPERTY), id);
+        target.setAttribute((0, _constants.CURRENT_TIME_PROPERTY), newTime - base);
+        if (newTime < base) {
+            clear(id, target);
+            target.innerHTML = "00:00:00";
+            target.removeAttribute((0, _constants.CURRENT_TIME_PROPERTY));
+        }
+    }, (0, _constants.SECOND));
+};
+/**
+ *
+ * @param {CustomEvent<{timer: number, intervalId: number}>} event
+ * @this { HTMLSpanElement }
+ */ const handleStartTimer = function(event) {
+    const el = this;
+    const timeFromEl = event.detail?.timer;
+    if (event.detail?.intervalId) clear(event.detail.intervalId, el);
+    startTimer(timeFromEl, el);
+};
+/**
+ *
+ * @param {CustomEvent<{intervalId: number}>} event
+ * @this { HTMLSpanElement }
+ */ const handleStopTimer = ()=>{
+    const el = document.getElementById("timer");
+    const intervalIdFromEl = el.getAttribute((0, _constants.INTERVAL_ID_PROPERTY));
+    if (intervalIdFromEl) clear(intervalIdFromEl, el);
+    else {
+        const currentTime = parseInt(el.getAttribute((0, _constants.CURRENT_TIME_PROPERTY)));
+        if (isNaN(currentTime)) return;
+        startTimer(currentTime, el, true);
+    }
+};
+/**
+ *
+ * @param {KeyboardEvent} event
+ */ const handleOnGlobalKeyDown = (event)=>{
+    if (event.code === "Space" || event.keyCode === 32) handleStopTimer();
+    const [_, value] = event?.code?.match(/(?:numpad|digit)(\d{1})/i) ?? [];
+    const number = parseInt(value);
+    if (!isNaN(number)) {
+        const li = document.getElementsByName((0, _constants.LI_NAME_VALUE)(number));
+        if (li.length === 1) li[0].dispatchEvent(new Event("click"));
+    }
+};
+/**
+ *
+ * @param {MutationRecord[]} mutations
+ */ const onTimerChange = (mutations)=>{
+    const backgroundTimer = document.getElementById("background-timer");
+    const timeNode = mutations?.find((m)=>m.attributeName === (0, _constants.CURRENT_TIME_PROPERTY));
+    const target = timeNode?.target;
+    const currentTimeValue = target?.getAttribute((0, _constants.CURRENT_TIME_PROPERTY));
+    const timeValue = target?.getAttribute((0, _constants.TIME_PROPERTY));
+    const currentTimeValueAsInt = parseInt(currentTimeValue);
+    const timeValueAsInt = parseInt(timeValue);
+    if (isNaN(currentTimeValueAsInt) || isNaN(timeValueAsInt)) return;
+    const percentToEnd = Math.floor(currentTimeValueAsInt * 100 / timeValueAsInt);
+    const pageHeight = document.body.scrollHeight;
+    const newHeight = Math.floor(pageHeight - pageHeight * percentToEnd / 100);
+    backgroundTimer.style.bottom = `${newHeight}px`;
+};
+window.onload = function() {
+    const main = document.getElementById("main");
+    const timer = document.getElementById("timer");
+    const timers = document.getElementById("timers");
+    if (!timer || !timers) return;
+    let shortcutNumber = 0;
+    for (const intTimer of (0, _constants.DEFAULT_TIMERS)){
+        const li = document.createElement("li");
+        const span = document.createElement("span");
+        const b = document.createElement("b");
+        const { hour , minute , second  } = getTime(intTimer);
+        const applyNewTimer = ()=>{
+            const intervalId = timer.getAttribute((0, _constants.INTERVAL_ID_PROPERTY));
+            timer.dispatchEvent(newEventStartTimer({
+                timer: intTimer,
+                intervalId
+            }));
+            main.style.backgroundColor = (0, _helpers.getDarkColor)();
+        };
+        b.innerHTML = shortcutNumber;
+        span.innerHTML = `${hour}:${minute}:${second}`;
+        span.appendChild(b);
+        li.appendChild(span);
+        li.setAttribute((0, _constants.LI_NAME_PROPERTY), (0, _constants.LI_NAME_VALUE)(shortcutNumber++));
+        li.addEventListener("click", applyNewTimer);
+        timers.appendChild(li);
+    }
+    timer.addEventListener((0, _constants.CUSTOM_EVENTS).START_TIMER, handleStartTimer);
+    timer.addEventListener("click", handleStopTimer);
+    document.body.addEventListener("keydown", handleOnGlobalKeyDown);
+    const observer = new MutationObserver(onTimerChange);
+    observer.observe(timer, {
+        attributes: true
+    });
+};
+
+},{"./constants":"1j8D1","./helpers":"6s1be"}],"1j8D1":[function(require,module,exports) {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "SECOND", ()=>SECOND);
+parcelHelpers.export(exports, "MINUTE", ()=>MINUTE);
+parcelHelpers.export(exports, "DEFAULT_TIMERS", ()=>DEFAULT_TIMERS);
+parcelHelpers.export(exports, "CUSTOM_EVENTS", ()=>CUSTOM_EVENTS);
+parcelHelpers.export(exports, "TIME_PROPERTY", ()=>TIME_PROPERTY);
+parcelHelpers.export(exports, "CURRENT_TIME_PROPERTY", ()=>CURRENT_TIME_PROPERTY);
+parcelHelpers.export(exports, "INTERVAL_ID_PROPERTY", ()=>INTERVAL_ID_PROPERTY);
+parcelHelpers.export(exports, "LI_NAME_PROPERTY", ()=>LI_NAME_PROPERTY);
+parcelHelpers.export(exports, "LI_NAME_VALUE", ()=>LI_NAME_VALUE);
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const DEFAULT_TIMERS = [
+    15 * SECOND,
+    30 * SECOND,
+    MINUTE,
+    5 * MINUTE,
+    10 * MINUTE,
+    15 * MINUTE,
+    20 * MINUTE,
+    30 * MINUTE,
+    45 * MINUTE,
+    60 * MINUTE
+];
+const CUSTOM_EVENTS = {
+    START_TIMER: "startTimer",
+    STOP_TIMER: "click"
+};
+const TIME_PROPERTY = "data-time";
+const CURRENT_TIME_PROPERTY = "data-current-time";
+const INTERVAL_ID_PROPERTY = "data-interval-id";
+const LI_NAME_PROPERTY = "name";
+const LI_NAME_VALUE = (name)=>`li-time-${name}`;
+
+},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"gkKU3":[function(require,module,exports) {
+exports.interopDefault = function(a) {
+    return a && a.__esModule ? a : {
+        default: a
+    };
+};
+exports.defineInteropFlag = function(a) {
+    Object.defineProperty(a, "__esModule", {
+        value: true
+    });
+};
+exports.exportAll = function(source, dest) {
+    Object.keys(source).forEach(function(key) {
+        if (key === "default" || key === "__esModule" || dest.hasOwnProperty(key)) return;
+        Object.defineProperty(dest, key, {
+            enumerable: true,
+            get: function() {
+                return source[key];
+            }
+        });
+    });
+    return dest;
+};
+exports.export = function(dest, destName, get) {
+    Object.defineProperty(dest, destName, {
+        enumerable: true,
+        get: get
+    });
+};
+
+},{}],"6s1be":[function(require,module,exports) {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "getDarkColor", ()=>getDarkColor);
+const getDarkColor = ()=>{
+    let color = "#";
+    for(let i = 0; i < 3; i++)color += ("0" + Math.floor(Math.random() * Math.pow(16, 2) / 2).toString(16)).slice(-2);
+    return color;
+};
+
+},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}]},["4v95w","b7mcv"], "b7mcv", "parcelRequireb9d2")
+
+//# sourceMappingURL=index.d35038c0.js.map
diff --git a/index.d35038c0.js.map b/index.d35038c0.js.map
new file mode 100644
index 0000000..6db7796
--- /dev/null
+++ b/index.d35038c0.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["node_modules/@parcel/runtime-browser-hmr/lib/runtime-490c48aee85b1412.js","js/timer.js","js/constants.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js","js/helpers.js"],"sourcesContent":["var HMR_HOST = null;var HMR_PORT = null;var HMR_SECURE = false;var HMR_ENV_HASH = \"d6ea1d42532a7575\";module.bundle.HMR_BUNDLE_ID = \"7bc8f997d35038c0\";\"use strict\";\n\n/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, globalThis, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */\n\n/*::\nimport type {\n  HMRAsset,\n  HMRMessage,\n} from '@parcel/reporter-dev-server/src/HMRServer.js';\ninterface ParcelRequire {\n  (string): mixed;\n  cache: {|[string]: ParcelModule|};\n  hotData: mixed;\n  Module: any;\n  parent: ?ParcelRequire;\n  isParcelRequire: true;\n  modules: {|[string]: [Function, {|[string]: string|}]|};\n  HMR_BUNDLE_ID: string;\n  root: ParcelRequire;\n}\ninterface ParcelModule {\n  hot: {|\n    data: mixed,\n    accept(cb: (Function) => void): void,\n    dispose(cb: (mixed) => void): void,\n    // accept(deps: Array<string> | string, cb: (Function) => void): void,\n    // decline(): void,\n    _acceptCallbacks: Array<(Function) => void>,\n    _disposeCallbacks: Array<(mixed) => void>,\n  |};\n}\ninterface ExtensionContext {\n  runtime: {|\n    reload(): void,\n    getURL(url: string): string;\n    getManifest(): {manifest_version: number, ...};\n  |};\n}\ndeclare var module: {bundle: ParcelRequire, ...};\ndeclare var HMR_HOST: string;\ndeclare var HMR_PORT: string;\ndeclare var HMR_ENV_HASH: string;\ndeclare var HMR_SECURE: boolean;\ndeclare var chrome: ExtensionContext;\ndeclare var browser: ExtensionContext;\ndeclare var __parcel__import__: (string) => Promise<void>;\ndeclare var __parcel__importScripts__: (string) => Promise<void>;\ndeclare var globalThis: typeof self;\ndeclare var ServiceWorkerGlobalScope: Object;\n*/\nvar OVERLAY_ID = '__parcel__error__overlay__';\nvar OldModule = module.bundle.Module;\n\nfunction Module(moduleName) {\n  OldModule.call(this, moduleName);\n  this.hot = {\n    data: module.bundle.hotData,\n    _acceptCallbacks: [],\n    _disposeCallbacks: [],\n    accept: function (fn) {\n      this._acceptCallbacks.push(fn || function () {});\n    },\n    dispose: function (fn) {\n      this._disposeCallbacks.push(fn);\n    }\n  };\n  module.bundle.hotData = undefined;\n}\n\nmodule.bundle.Module = Module;\nvar checkedAssets\n/*: {|[string]: boolean|} */\n, acceptedAssets\n/*: {|[string]: boolean|} */\n, assetsToAccept\n/*: Array<[ParcelRequire, string]> */\n;\n\nfunction getHostname() {\n  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');\n}\n\nfunction getPort() {\n  return HMR_PORT || location.port;\n} // eslint-disable-next-line no-redeclare\n\n\nvar parent = module.bundle.parent;\n\nif ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {\n  var hostname = getHostname();\n  var port = getPort();\n  var protocol = HMR_SECURE || location.protocol == 'https:' && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? 'wss' : 'ws';\n  var ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/'); // Web extension context\n\n  var extCtx = typeof chrome === 'undefined' ? typeof browser === 'undefined' ? null : browser : chrome; // Safari doesn't support sourceURL in error stacks.\n  // eval may also be disabled via CSP, so do a quick check.\n\n  var supportsSourceURL = false;\n\n  try {\n    (0, eval)('throw new Error(\"test\"); //# sourceURL=test.js');\n  } catch (err) {\n    supportsSourceURL = err.stack.includes('test.js');\n  } // $FlowFixMe\n\n\n  ws.onmessage = async function (event\n  /*: {data: string, ...} */\n  ) {\n    checkedAssets = {}\n    /*: {|[string]: boolean|} */\n    ;\n    acceptedAssets = {}\n    /*: {|[string]: boolean|} */\n    ;\n    assetsToAccept = [];\n    var data\n    /*: HMRMessage */\n    = JSON.parse(event.data);\n\n    if (data.type === 'update') {\n      // Remove error overlay if there is one\n      if (typeof document !== 'undefined') {\n        removeErrorOverlay();\n      }\n\n      let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH); // Handle HMR Update\n\n      let handled = assets.every(asset => {\n        return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);\n      });\n\n      if (handled) {\n        console.clear(); // Dispatch custom event so other runtimes (e.g React Refresh) are aware.\n\n        if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {\n          window.dispatchEvent(new CustomEvent('parcelhmraccept'));\n        }\n\n        await hmrApplyUpdates(assets);\n\n        for (var i = 0; i < assetsToAccept.length; i++) {\n          var id = assetsToAccept[i][1];\n\n          if (!acceptedAssets[id]) {\n            hmrAcceptRun(assetsToAccept[i][0], id);\n          }\n        }\n      } else fullReload();\n    }\n\n    if (data.type === 'error') {\n      // Log parcel errors to console\n      for (let ansiDiagnostic of data.diagnostics.ansi) {\n        let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;\n        console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\\n' + stack + '\\n\\n' + ansiDiagnostic.hints.join('\\n'));\n      }\n\n      if (typeof document !== 'undefined') {\n        // Render the fancy html overlay\n        removeErrorOverlay();\n        var overlay = createErrorOverlay(data.diagnostics.html); // $FlowFixMe\n\n        document.body.appendChild(overlay);\n      }\n    }\n  };\n\n  ws.onerror = function (e) {\n    console.error(e.message);\n  };\n\n  ws.onclose = function () {\n    console.warn('[parcel] 🚨 Connection to the HMR server was lost');\n  };\n}\n\nfunction removeErrorOverlay() {\n  var overlay = document.getElementById(OVERLAY_ID);\n\n  if (overlay) {\n    overlay.remove();\n    console.log('[parcel] ✨ Error resolved');\n  }\n}\n\nfunction createErrorOverlay(diagnostics) {\n  var overlay = document.createElement('div');\n  overlay.id = OVERLAY_ID;\n  let errorHTML = '<div style=\"background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;\">';\n\n  for (let diagnostic of diagnostics) {\n    let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame) => {\n      return `${p}\n<a href=\"/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}\" style=\"text-decoration: underline; color: #888\" onclick=\"fetch(this.href); return false\">${frame.location}</a>\n${frame.code}`;\n    }, '') : diagnostic.stack;\n    errorHTML += `\n      <div>\n        <div style=\"font-size: 18px; font-weight: bold; margin-top: 20px;\">\n          🚨 ${diagnostic.message}\n        </div>\n        <pre>${stack}</pre>\n        <div>\n          ${diagnostic.hints.map(hint => '<div>💡 ' + hint + '</div>').join('')}\n        </div>\n        ${diagnostic.documentation ? `<div>📝 <a style=\"color: violet\" href=\"${diagnostic.documentation}\" target=\"_blank\">Learn more</a></div>` : ''}\n      </div>\n    `;\n  }\n\n  errorHTML += '</div>';\n  overlay.innerHTML = errorHTML;\n  return overlay;\n}\n\nfunction fullReload() {\n  if ('reload' in location) {\n    location.reload();\n  } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {\n    extCtx.runtime.reload();\n  }\n}\n\nfunction getParents(bundle, id)\n/*: Array<[ParcelRequire, string]> */\n{\n  var modules = bundle.modules;\n\n  if (!modules) {\n    return [];\n  }\n\n  var parents = [];\n  var k, d, dep;\n\n  for (k in modules) {\n    for (d in modules[k][1]) {\n      dep = modules[k][1][d];\n\n      if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {\n        parents.push([bundle, k]);\n      }\n    }\n  }\n\n  if (bundle.parent) {\n    parents = parents.concat(getParents(bundle.parent, id));\n  }\n\n  return parents;\n}\n\nfunction updateLink(link) {\n  var newLink = link.cloneNode();\n\n  newLink.onload = function () {\n    if (link.parentNode !== null) {\n      // $FlowFixMe\n      link.parentNode.removeChild(link);\n    }\n  };\n\n  newLink.setAttribute('href', // $FlowFixMe\n  link.getAttribute('href').split('?')[0] + '?' + Date.now()); // $FlowFixMe\n\n  link.parentNode.insertBefore(newLink, link.nextSibling);\n}\n\nvar cssTimeout = null;\n\nfunction reloadCSS() {\n  if (cssTimeout) {\n    return;\n  }\n\n  cssTimeout = setTimeout(function () {\n    var links = document.querySelectorAll('link[rel=\"stylesheet\"]');\n\n    for (var i = 0; i < links.length; i++) {\n      // $FlowFixMe[incompatible-type]\n      var href\n      /*: string */\n      = links[i].getAttribute('href');\n      var hostname = getHostname();\n      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\\\/\\\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());\n      var absolute = /^https?:\\/\\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;\n\n      if (!absolute) {\n        updateLink(links[i]);\n      }\n    }\n\n    cssTimeout = null;\n  }, 50);\n}\n\nfunction hmrDownload(asset) {\n  if (asset.type === 'js') {\n    if (typeof document !== 'undefined') {\n      let script = document.createElement('script');\n      script.src = asset.url + '?t=' + Date.now();\n\n      if (asset.outputFormat === 'esmodule') {\n        script.type = 'module';\n      }\n\n      return new Promise((resolve, reject) => {\n        var _document$head;\n\n        script.onload = () => resolve(script);\n\n        script.onerror = reject;\n        (_document$head = document.head) === null || _document$head === void 0 ? void 0 : _document$head.appendChild(script);\n      });\n    } else if (typeof importScripts === 'function') {\n      // Worker scripts\n      if (asset.outputFormat === 'esmodule') {\n        return __parcel__import__(asset.url + '?t=' + Date.now());\n      } else {\n        return new Promise((resolve, reject) => {\n          try {\n            __parcel__importScripts__(asset.url + '?t=' + Date.now());\n\n            resolve();\n          } catch (err) {\n            reject(err);\n          }\n        });\n      }\n    }\n  }\n}\n\nasync function hmrApplyUpdates(assets) {\n  global.parcelHotUpdate = Object.create(null);\n  let scriptsToRemove;\n\n  try {\n    // If sourceURL comments aren't supported in eval, we need to load\n    // the update from the dev server over HTTP so that stack traces\n    // are correct in errors/logs. This is much slower than eval, so\n    // we only do it if needed (currently just Safari).\n    // https://bugs.webkit.org/show_bug.cgi?id=137297\n    // This path is also taken if a CSP disallows eval.\n    if (!supportsSourceURL) {\n      let promises = assets.map(asset => {\n        var _hmrDownload;\n\n        return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch(err => {\n          // Web extension bugfix for Chromium\n          // https://bugs.chromium.org/p/chromium/issues/detail?id=1255412#c12\n          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3) {\n            if (typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {\n              extCtx.runtime.reload();\n              return;\n            }\n\n            asset.url = extCtx.runtime.getURL('/__parcel_hmr_proxy__?url=' + encodeURIComponent(asset.url + '?t=' + Date.now()));\n            return hmrDownload(asset);\n          }\n\n          throw err;\n        });\n      });\n      scriptsToRemove = await Promise.all(promises);\n    }\n\n    assets.forEach(function (asset) {\n      hmrApply(module.bundle.root, asset);\n    });\n  } finally {\n    delete global.parcelHotUpdate;\n\n    if (scriptsToRemove) {\n      scriptsToRemove.forEach(script => {\n        if (script) {\n          var _document$head2;\n\n          (_document$head2 = document.head) === null || _document$head2 === void 0 ? void 0 : _document$head2.removeChild(script);\n        }\n      });\n    }\n  }\n}\n\nfunction hmrApply(bundle\n/*: ParcelRequire */\n, asset\n/*:  HMRAsset */\n) {\n  var modules = bundle.modules;\n\n  if (!modules) {\n    return;\n  }\n\n  if (asset.type === 'css') {\n    reloadCSS();\n  } else if (asset.type === 'js') {\n    let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];\n\n    if (deps) {\n      if (modules[asset.id]) {\n        // Remove dependencies that are removed and will become orphaned.\n        // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.\n        let oldDeps = modules[asset.id][1];\n\n        for (let dep in oldDeps) {\n          if (!deps[dep] || deps[dep] !== oldDeps[dep]) {\n            let id = oldDeps[dep];\n            let parents = getParents(module.bundle.root, id);\n\n            if (parents.length === 1) {\n              hmrDelete(module.bundle.root, id);\n            }\n          }\n        }\n      }\n\n      if (supportsSourceURL) {\n        // Global eval. We would use `new Function` here but browser\n        // support for source maps is better with eval.\n        (0, eval)(asset.output);\n      } // $FlowFixMe\n\n\n      let fn = global.parcelHotUpdate[asset.id];\n      modules[asset.id] = [fn, deps];\n    } else if (bundle.parent) {\n      hmrApply(bundle.parent, asset);\n    }\n  }\n}\n\nfunction hmrDelete(bundle, id) {\n  let modules = bundle.modules;\n\n  if (!modules) {\n    return;\n  }\n\n  if (modules[id]) {\n    // Collect dependencies that will become orphaned when this module is deleted.\n    let deps = modules[id][1];\n    let orphans = [];\n\n    for (let dep in deps) {\n      let parents = getParents(module.bundle.root, deps[dep]);\n\n      if (parents.length === 1) {\n        orphans.push(deps[dep]);\n      }\n    } // Delete the module. This must be done before deleting dependencies in case of circular dependencies.\n\n\n    delete modules[id];\n    delete bundle.cache[id]; // Now delete the orphans.\n\n    orphans.forEach(id => {\n      hmrDelete(module.bundle.root, id);\n    });\n  } else if (bundle.parent) {\n    hmrDelete(bundle.parent, id);\n  }\n}\n\nfunction hmrAcceptCheck(bundle\n/*: ParcelRequire */\n, id\n/*: string */\n, depsByBundle\n/*: ?{ [string]: { [string]: string } }*/\n) {\n  if (hmrAcceptCheckOne(bundle, id, depsByBundle)) {\n    return true;\n  } // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.\n\n\n  let parents = getParents(module.bundle.root, id);\n  let accepted = false;\n\n  while (parents.length > 0) {\n    let v = parents.shift();\n    let a = hmrAcceptCheckOne(v[0], v[1], null);\n\n    if (a) {\n      // If this parent accepts, stop traversing upward, but still consider siblings.\n      accepted = true;\n    } else {\n      // Otherwise, queue the parents in the next level upward.\n      let p = getParents(module.bundle.root, v[1]);\n\n      if (p.length === 0) {\n        // If there are no parents, then we've reached an entry without accepting. Reload.\n        accepted = false;\n        break;\n      }\n\n      parents.push(...p);\n    }\n  }\n\n  return accepted;\n}\n\nfunction hmrAcceptCheckOne(bundle\n/*: ParcelRequire */\n, id\n/*: string */\n, depsByBundle\n/*: ?{ [string]: { [string]: string } }*/\n) {\n  var modules = bundle.modules;\n\n  if (!modules) {\n    return;\n  }\n\n  if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {\n    // If we reached the root bundle without finding where the asset should go,\n    // there's nothing to do. Mark as \"accepted\" so we don't reload the page.\n    if (!bundle.parent) {\n      return true;\n    }\n\n    return hmrAcceptCheck(bundle.parent, id, depsByBundle);\n  }\n\n  if (checkedAssets[id]) {\n    return true;\n  }\n\n  checkedAssets[id] = true;\n  var cached = bundle.cache[id];\n  assetsToAccept.push([bundle, id]);\n\n  if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {\n    return true;\n  }\n}\n\nfunction hmrAcceptRun(bundle\n/*: ParcelRequire */\n, id\n/*: string */\n) {\n  var cached = bundle.cache[id];\n  bundle.hotData = {};\n\n  if (cached && cached.hot) {\n    cached.hot.data = bundle.hotData;\n  }\n\n  if (cached && cached.hot && cached.hot._disposeCallbacks.length) {\n    cached.hot._disposeCallbacks.forEach(function (cb) {\n      cb(bundle.hotData);\n    });\n  }\n\n  delete bundle.cache[id];\n  bundle(id);\n  cached = bundle.cache[id];\n\n  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {\n    cached.hot._acceptCallbacks.forEach(function (cb) {\n      var assetsToAlsoAccept = cb(function () {\n        return getParents(module.bundle.root, id);\n      });\n\n      if (assetsToAlsoAccept && assetsToAccept.length) {\n        // $FlowFixMe[method-unbinding]\n        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);\n      }\n    });\n  }\n\n  acceptedAssets[id] = true;\n}","import {\n  SECOND,\n  CURRENT_TIME_PROPERTY,\n  DEFAULT_TIMERS,\n  CUSTOM_EVENTS,\n  INTERVAL_ID_PROPERTY,\n  TIME_PROPERTY,\n  LI_NAME_PROPERTY,\n  LI_NAME_VALUE,\n} from './constants';\nimport { getDarkColor } from './helpers';\n\nconst getDateInstance = () => {\n  const d = new Date(2014, 10, 10);\n  const timezoneOffset = d.getTimezoneOffset() * 60000;\n  return new Date(d.getTime() - timezoneOffset);\n};\n\n/**\n *\n * @param {number} time\n */\nconst getTime = (time) => {\n  const d = getDateInstance();\n  d.setTime(time);\n\n  const isoStringTimer = d.toISOString();\n  const [_, year, month, day, hour, minute, second] = isoStringTimer.match(\n    /(\\d{4})-(\\d{1,2})-(\\d{1,2})T(\\d{1,2}):(\\d{1,2}):(\\d{1,2})/\n  );\n\n  return { year, month, day, hour, minute, second };\n};\n\n/**\n *\n * @param {number} intervalId\n * @param {HTMLElement} el\n */\nconst clear = (intervalId, el) => {\n  let id = intervalId;\n  if (typeof intervalId === 'string') {\n    id = parseInt(intervalId);\n  }\n\n  clearInterval(id);\n\n  if (el) {\n    el.removeAttribute(INTERVAL_ID_PROPERTY);\n  }\n};\n\n/**\n *\n * @param {{timer: number}} detail\n * @returns\n */\nconst newEventStartTimer = (detail) =>\n  new CustomEvent(CUSTOM_EVENTS.START_TIMER, {\n    detail,\n  });\n\n/**\n *\n * @param {number} time\n * @param {HTMLElement} target\n * @param {boolean} skipSetTime\n */\nconst startTimer = (time, target, skipSetTime) => {\n  if (!skipSetTime) target.setAttribute(TIME_PROPERTY, time);\n\n  const base = getDateInstance().getTime();\n  const d = getDateInstance();\n  d.setMilliseconds(time);\n\n  let id;\n  id = setInterval(() => {\n    const newTime = d.getTime() - SECOND;\n    d.setTime(newTime);\n\n    const { hour, minute, second } = getTime(newTime);\n\n    target.innerHTML = `${hour}:${minute}:${second}`;\n    target.setAttribute(INTERVAL_ID_PROPERTY, id);\n    target.setAttribute(CURRENT_TIME_PROPERTY, newTime - base);\n\n    if (newTime < base) {\n      clear(id, target);\n      target.innerHTML = '00:00:00';\n      target.removeAttribute(CURRENT_TIME_PROPERTY);\n    }\n  }, SECOND);\n};\n\n/**\n *\n * @param {CustomEvent<{timer: number, intervalId: number}>} event\n * @this { HTMLSpanElement }\n */\nconst handleStartTimer = function (event) {\n  const el = this;\n  const timeFromEl = event.detail?.timer;\n\n  if (event.detail?.intervalId) {\n    clear(event.detail.intervalId, el);\n  }\n\n  startTimer(timeFromEl, el);\n};\n\n/**\n *\n * @param {CustomEvent<{intervalId: number}>} event\n * @this { HTMLSpanElement }\n */\nconst handleStopTimer = () => {\n  const el = document.getElementById('timer');\n  const intervalIdFromEl = el.getAttribute(INTERVAL_ID_PROPERTY);\n\n  if (intervalIdFromEl) {\n    clear(intervalIdFromEl, el);\n  } else {\n    const currentTime = parseInt(el.getAttribute(CURRENT_TIME_PROPERTY));\n    if (isNaN(currentTime)) return;\n\n    startTimer(currentTime, el, true);\n  }\n};\n\n/**\n *\n * @param {KeyboardEvent} event\n */\nconst handleOnGlobalKeyDown = (event) => {\n  if (event.code === 'Space' || event.keyCode === 32) {\n    handleStopTimer();\n  }\n\n  const [_, value] = event?.code?.match(/(?:numpad|digit)(\\d{1})/i) ?? [];\n  const number = parseInt(value);\n  if (!isNaN(number)) {\n    const li = document.getElementsByName(LI_NAME_VALUE(number));\n    if (li.length === 1) {\n      li[0].dispatchEvent(new Event('click'));\n    }\n  }\n};\n\n/**\n *\n * @param {MutationRecord[]} mutations\n */\nconst onTimerChange = (mutations) => {\n  const backgroundTimer = document.getElementById('background-timer');\n\n  const timeNode = mutations?.find(\n    (m) => m.attributeName === CURRENT_TIME_PROPERTY\n  );\n  const target = timeNode?.target;\n\n  const currentTimeValue = target?.getAttribute(CURRENT_TIME_PROPERTY);\n  const timeValue = target?.getAttribute(TIME_PROPERTY);\n\n  const currentTimeValueAsInt = parseInt(currentTimeValue);\n  const timeValueAsInt = parseInt(timeValue);\n\n  if (isNaN(currentTimeValueAsInt) || isNaN(timeValueAsInt)) return;\n\n  const percentToEnd = Math.floor(\n    (currentTimeValueAsInt * 100) / timeValueAsInt\n  );\n  const pageHeight = document.body.scrollHeight;\n  const newHeight = Math.floor(pageHeight - (pageHeight * percentToEnd) / 100);\n\n  backgroundTimer.style.bottom = `${newHeight}px`;\n};\n\nwindow.onload = function () {\n  const main = document.getElementById('main');\n  const timer = document.getElementById('timer');\n  const timers = document.getElementById('timers');\n\n  if (!timer || !timers) return;\n\n  let shortcutNumber = 0;\n  for (const intTimer of DEFAULT_TIMERS) {\n    const li = document.createElement('li');\n    const span = document.createElement('span');\n    const b = document.createElement('b');\n    const { hour, minute, second } = getTime(intTimer);\n\n    const applyNewTimer = () => {\n      const intervalId = timer.getAttribute(INTERVAL_ID_PROPERTY);\n\n      timer.dispatchEvent(\n        newEventStartTimer({\n          timer: intTimer,\n          intervalId,\n        })\n      );\n\n      main.style.backgroundColor = getDarkColor();\n    };\n\n    b.innerHTML = shortcutNumber;\n    span.innerHTML = `${hour}:${minute}:${second}`;\n\n    span.appendChild(b);\n    li.appendChild(span);\n    li.setAttribute(LI_NAME_PROPERTY, LI_NAME_VALUE(shortcutNumber++));\n    li.addEventListener('click', applyNewTimer);\n\n    timers.appendChild(li);\n  }\n\n  timer.addEventListener(CUSTOM_EVENTS.START_TIMER, handleStartTimer);\n  timer.addEventListener('click', handleStopTimer);\n  document.body.addEventListener('keydown', handleOnGlobalKeyDown);\n\n  const observer = new MutationObserver(onTimerChange);\n  observer.observe(timer, { attributes: true });\n};\n","export const SECOND = 1000;\nexport const MINUTE = 60 * SECOND;\n\nexport const DEFAULT_TIMERS = [\n  15 * SECOND,\n  30 * SECOND,\n  MINUTE,\n  5 * MINUTE,\n  10 * MINUTE,\n  15 * MINUTE,\n  20 * MINUTE,\n  30 * MINUTE,\n  45 * MINUTE,\n  60 * MINUTE,\n];\n\nexport const CUSTOM_EVENTS = {\n  START_TIMER: 'startTimer',\n  STOP_TIMER: 'click',\n};\n\nexport const TIME_PROPERTY = 'data-time';\n\nexport const CURRENT_TIME_PROPERTY = 'data-current-time';\n\nexport const INTERVAL_ID_PROPERTY = 'data-interval-id';\n\nexport const LI_NAME_PROPERTY = 'name';\n\n/**\n *\n * @param {string | number} name\n * @returns string\n */\nexport const LI_NAME_VALUE = (name) => `li-time-${name}`;\n","exports.interopDefault = function (a) {\n  return a && a.__esModule ? a : {default: a};\n};\n\nexports.defineInteropFlag = function (a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n};\n\nexports.exportAll = function (source, dest) {\n  Object.keys(source).forEach(function (key) {\n    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function () {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n};\n\nexports.export = function (dest, destName, get) {\n  Object.defineProperty(dest, destName, {\n    enumerable: true,\n    get: get,\n  });\n};\n","export const getDarkColor = () => {\n  let color = '#';\n  for (let i = 0; i < 3; i++)\n    color += (\n      '0' + Math.floor((Math.random() * Math.pow(16, 2)) / 2).toString(16)\n    ).slice(-2);\n  return color;\n};\n"],"names":[],"version":3,"file":"index.d35038c0.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.e4ef606e.js b/index.e4ef606e.js
new file mode 100644
index 0000000..f299e75
--- /dev/null
+++ b/index.e4ef606e.js
@@ -0,0 +1,2 @@
+const t=1e3,e=6e4,n=[15e3,3e4,e,3e5,6e5,9e5,12e5,18e5,27e5,36e5],i={START_TIMER:"startTimer",STOP_TIMER:"click"},r="data-time",o="data-current-time",s="data-intervalid",a=()=>{let t="#";for(let e=0;e<3;e++)t+=("0"+Math.floor(Math.random()*Math.pow(16,2)/2).toString(16)).slice(-2);return t},d=()=>{const t=new Date(2014,10,10),e=6e4*t.getTimezoneOffset();return new Date(t.getTime()-e)},c=t=>{const e=d();e.setMilliseconds(t);const n=e.toISOString(),[i,r,o,s,a,c,l]=n.match(/(\d{4})-(\d{1,2})-(\d{1,2})T(\d{1,2}):(\d{1,2}):(\d{1,2})/);return{year:r,month:o,day:s,hour:a,minute:c,second:l}},l=(t,e)=>{let n=t;"string"==typeof t&&(n=parseInt(t)),clearInterval(n),e&&e.removeAttribute(s)},u=(e,n,i)=>{i||n.setAttribute(r,e);const a=d().getTime(),u=d();let m;u.setMilliseconds(e),m=setInterval((()=>{const e=u.getTime()-t;u.setTime(e);const{hour:i,minute:r,second:d}=c(e);n.innerHTML=`${i}:${r}:${d}`,n.setAttribute(s,m),n.setAttribute(o,e-a),e<a&&(l(m,n),n.innerHTML="00:00:00",n.removeAttribute(o))}),t)},m=function(t){const e=t.detail?.timer;t.detail?.intervalId&&l(t.detail.intervalId,this),u(e,this)},T=function(){const t=this,e=t.getAttribute(s);if(e)l(e,t);else{const e=parseInt(t.getAttribute(o));if(isNaN(e))return;u(e,t,!0)}},g=t=>{const e=document.getElementById("background-timer"),n=t?.find((t=>t.attributeName===o)),i=n?.target,s=i?.getAttribute(o),a=i?.getAttribute(r),d=parseInt(s),c=parseInt(a);if(isNaN(d)||isNaN(c))return;const l=Math.floor(100*d/c),u=document.body.scrollHeight,m=Math.floor(u-u*l/100);e.style.bottom=`${m}px`};window.onload=function(){const t=document.getElementById("main"),e=document.getElementById("timer"),r=document.getElementById("timers");if(!e||!r)return;for(const o of n){const n=document.createElement("li"),d=document.createElement("span"),{hour:l,minute:u,second:m}=c(o),T=()=>{const n=e.getAttribute(s);e.dispatchEvent(new CustomEvent(i.START_TIMER,{detail:{timer:o,intervalId:n}})),t.style.backgroundColor=a()};d.innerHTML=`${l}:${u}:${m}`,n.appendChild(d),n.addEventListener("click",T),r.appendChild(n)}e.addEventListener(i.START_TIMER,m),e.addEventListener("click",T);new MutationObserver(g).observe(e,{attributes:!0})};
+//# sourceMappingURL=index.e4ef606e.js.map
diff --git a/index.e4ef606e.js.map b/index.e4ef606e.js.map
new file mode 100644
index 0000000..d999e14
--- /dev/null
+++ b/index.e4ef606e.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["js/constants.js","js/helpers.js","js/timer.js"],"sourcesContent":["export const SECOND = 1000;\nexport const MINUTE = 60 * SECOND;\n\nexport const DEFAULT_TIMERS = [\n  15 * SECOND,\n  30 * SECOND,\n  MINUTE,\n  5 * MINUTE,\n  10 * MINUTE,\n  15 * MINUTE,\n  20 * MINUTE,\n  30 * MINUTE,\n  45 * MINUTE,\n  60 * MINUTE,\n];\n\nexport const CUSTOM_EVENTS = {\n  START_TIMER: 'startTimer',\n  STOP_TIMER: 'click',\n};\n\nexport const TIME_PROPERTY = 'data-time';\n\nexport const CURRENT_TIME_PROPERTY = 'data-current-time';\n\nexport const INTERVAL_ID_PROPERTY = 'data-intervalid';\n","export const getDarkColor = () => {\n  let color = '#';\n  for (let i = 0; i < 3; i++)\n    color += (\n      '0' + Math.floor((Math.random() * Math.pow(16, 2)) / 2).toString(16)\n    ).slice(-2);\n  return color;\n};\n","import {\n  SECOND,\n  CURRENT_TIME_PROPERTY,\n  DEFAULT_TIMERS,\n  CUSTOM_EVENTS,\n  INTERVAL_ID_PROPERTY,\n  TIME_PROPERTY,\n} from './constants';\nimport { getDarkColor } from './helpers';\n\nconst getDateInstance = () => {\n  const d = new Date(2014, 10, 10);\n  const timezoneOffset = d.getTimezoneOffset() * 60000;\n  return new Date(d.getTime() - timezoneOffset);\n};\n\n/**\n *\n * @param {number} time\n */\nconst getTime = (time) => {\n  const d = getDateInstance();\n  d.setMilliseconds(time);\n\n  const isoStringTimer = d.toISOString();\n  const [_, year, month, day, hour, minute, second] = isoStringTimer.match(\n    /(\\d{4})-(\\d{1,2})-(\\d{1,2})T(\\d{1,2}):(\\d{1,2}):(\\d{1,2})/\n  );\n\n  return { year, month, day, hour, minute, second };\n};\n\n/**\n *\n * @param {number} intervalId\n * @param {HTMLElement} el\n */\nconst clear = (intervalId, el) => {\n  let id = intervalId;\n  if (typeof intervalId === 'string') {\n    id = parseInt(intervalId);\n  }\n\n  clearInterval(id);\n\n  if (el) {\n    el.removeAttribute(INTERVAL_ID_PROPERTY);\n  }\n};\n\n/**\n *\n * @param {{timer: number}} detail\n * @returns\n */\nconst newEventStartTimer = (detail) =>\n  new CustomEvent(CUSTOM_EVENTS.START_TIMER, {\n    detail,\n  });\n\n/**\n *\n * @param {number} time\n * @param {HTMLElement} target\n * @param {boolean} skipSetTime\n */\nconst startTimer = (time, target, skipSetTime) => {\n  if (!skipSetTime) target.setAttribute(TIME_PROPERTY, time);\n\n  const base = getDateInstance().getTime();\n  const d = getDateInstance();\n  d.setMilliseconds(time);\n\n  let id;\n  id = setInterval(() => {\n    const newTime = d.getTime() - SECOND;\n    d.setTime(newTime);\n\n    const { hour, minute, second } = getTime(newTime);\n\n    target.innerHTML = `${hour}:${minute}:${second}`;\n    target.setAttribute(INTERVAL_ID_PROPERTY, id);\n    target.setAttribute(CURRENT_TIME_PROPERTY, newTime - base);\n\n    if (newTime < base) {\n      clear(id, target);\n      target.innerHTML = '00:00:00';\n      target.removeAttribute(CURRENT_TIME_PROPERTY);\n    }\n  }, SECOND);\n};\n\n/**\n *\n * @param {CustomEvent<{timer: number, intervalId: number}>} event\n * @this { HTMLSpanElement }\n */\nconst handleStartTimer = function (event) {\n  const el = this;\n  const timeFromEl = event.detail?.timer;\n\n  if (event.detail?.intervalId) {\n    clear(event.detail.intervalId, el);\n  }\n\n  startTimer(timeFromEl, el);\n};\n\n/**\n *\n * @param {CustomEvent<{intervalId: number}>} event\n * @this { HTMLSpanElement }\n */\nconst handleStopTimer = function () {\n  const el = this;\n  const intervalIdFromEl = el.getAttribute(INTERVAL_ID_PROPERTY);\n\n  if (intervalIdFromEl) {\n    clear(intervalIdFromEl, el);\n  } else {\n    const currentTime = parseInt(el.getAttribute(CURRENT_TIME_PROPERTY));\n    if (isNaN(currentTime)) return;\n\n    startTimer(currentTime, el, true);\n  }\n};\n\n/**\n *\n * @param {MutationRecord[]} mutations\n */\nconst onTimerChange = (mutations) => {\n  const backgroundTimer = document.getElementById('background-timer');\n\n  const timeNode = mutations?.find(\n    (m) => m.attributeName === CURRENT_TIME_PROPERTY\n  );\n  const target = timeNode?.target;\n\n  const currentTimeValue = target?.getAttribute(CURRENT_TIME_PROPERTY);\n  const timeValue = target?.getAttribute(TIME_PROPERTY);\n\n  const currentTimeValueAsInt = parseInt(currentTimeValue);\n  const timeValueAsInt = parseInt(timeValue);\n\n  if (isNaN(currentTimeValueAsInt) || isNaN(timeValueAsInt)) return;\n\n  const percentToEnd = Math.floor(\n    (currentTimeValueAsInt * 100) / timeValueAsInt\n  );\n  const pageHeight = document.body.scrollHeight;\n  const newHeight = Math.floor(pageHeight - (pageHeight * percentToEnd) / 100);\n\n  backgroundTimer.style.bottom = `${newHeight}px`;\n};\n\nwindow.onload = function () {\n  const main = document.getElementById('main');\n  const timer = document.getElementById('timer');\n  const timers = document.getElementById('timers');\n\n  if (!timer || !timers) return;\n\n  for (const intTimer of DEFAULT_TIMERS) {\n    const li = document.createElement('li');\n    const span = document.createElement('span');\n    const { hour, minute, second } = getTime(intTimer);\n\n    const applyNewTimer = () => {\n      const intervalId = timer.getAttribute(INTERVAL_ID_PROPERTY);\n\n      timer.dispatchEvent(\n        newEventStartTimer({\n          timer: intTimer,\n          intervalId,\n        })\n      );\n\n      main.style.backgroundColor = getDarkColor();\n    };\n\n    span.innerHTML = `${hour}:${minute}:${second}`;\n    li.appendChild(span);\n    li.addEventListener('click', applyNewTimer);\n\n    timers.appendChild(li);\n  }\n\n  timer.addEventListener(CUSTOM_EVENTS.START_TIMER, handleStartTimer);\n  timer.addEventListener('click', handleStopTimer);\n\n  const observer = new MutationObserver(onTimerChange);\n  observer.observe(timer, { attributes: true });\n};\n"],"names":["$0549f5aaef62b2d2$export$6879ea1c217f4705","$0549f5aaef62b2d2$export$f4aba04677f37907","$0549f5aaef62b2d2$export$6502bacdb98f76fe","$0549f5aaef62b2d2$export$7ff69bf5c61582bf","START_TIMER","STOP_TIMER","$0549f5aaef62b2d2$export$9ebc6c441d49d049","$0549f5aaef62b2d2$export$a591d66724dbb1d6","$0549f5aaef62b2d2$export$d3b58c375c12d37c","$55e824ff15c161b3$export$f7e13749bade1ef7","color","i","Math","floor","random","pow","toString","slice","$364456af99437784$var$getDateInstance","d","Date","timezoneOffset","getTimezoneOffset","getTime","$364456af99437784$var$getTime","time","setMilliseconds","isoStringTimer","toISOString","_","year","month","day","hour","minute","second","match","$364456af99437784$var$clear","intervalId","el","id","parseInt","clearInterval","removeAttribute","$364456af99437784$var$startTimer","target","skipSetTime","setAttribute","base","setInterval","newTime","setTime","innerHTML","$364456af99437784$var$handleStartTimer","event","timeFromEl","detail","timer","this","$364456af99437784$var$handleStopTimer","intervalIdFromEl","getAttribute","currentTime","isNaN","$364456af99437784$var$onTimerChange","mutations","backgroundTimer","document","getElementById","timeNode","find","m","attributeName","currentTimeValue","timeValue","currentTimeValueAsInt","timeValueAsInt","percentToEnd","pageHeight","body","scrollHeight","newHeight","style","bottom","window","onload","main","timers","intTimer","li","createElement","span","applyNewTimer","dispatchEvent","CustomEvent","backgroundColor","appendChild","addEventListener","MutationObserver","observe","attributes"],"version":3,"file":"index.e4ef606e.js.map"}
\ No newline at end of file
diff --git a/index.html b/index.html
index a70557c..effda23 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="pt-br"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Timer Online para contagem regressiva de tempo."><meta name="keywords" content="Temporizador,Timer,Cronometro Reverso,Tempo"><meta name="language" content="pt-br"><meta name="google-site-verification" content="ULu_CDAMz1EYmwNt8ttlyyEq0FI4j46tykbh1xlcpco"><title>Timer</title><link rel="stylesheet" type="text/css" href="index.679775a1.css"></head><body> <main id="main" class="main"> <div id="background-timer"></div> <a class="gh-link" href="https://github.com/jeconias/timer" target="_blank"> <img src="github-mark.55f2d912.svg"> </a> <section class="timer-wrapper"> <span id="timer" title="Pressione Espaço ou clique para pausar/continuar">00:00:00</span> </section> <ul id="timers"></ul> </main> <script src="index.8e5d2d6c.js" type="module"></script> </body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="pt-br"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Uma ferramenta para contagem regressiva de tempo. Com nosso intuitivo temporizador, você pode personalizar e monitorar o tempo de suas tarefas com facilidade, seja para cronometrar sessões de estudo, gerenciar prazos profissionais ou simplesmente acompanhar suas atividades diárias."><meta name="keywords" content="Temporizador, Timer, Cronômetro Reverso, Tempo, Contador regressivo, Ferramenta de gestão de tempo, Aplicativo de cronometragem, Temporizador online, Relógio de contagem regressiva, Ferramenta de produtividade, Aplicativo de acompanhamento de tempo, Temporizador de tarefas, Temporizador personalizado, Contador regressivo online"><meta name="language" content="pt-br"><meta name="google-site-verification" content="ULu_CDAMz1EYmwNt8ttlyyEq0FI4j46tykbh1xlcpco"><title>Timer</title><link rel="stylesheet" type="text/css" href="index.25eb0ca3.css"></head><body> <main id="main" class="main"> <section id="information-icon"> <ul> <li> <nobr>- Pressione <strong>ESPAÇO</strong> para pausar/continuar.</nobr> </li> <li> <nobr>- Pressione entre <strong>0</strong> a <strong>9</strong> para começar a contagem correspondente.</nobr> </li> </ul> <img src="info.b55cfeb1.svg"> </section> <div id="background-timer"></div> <a class="gh-link" href="https://github.com/jeconias/timer" target="_blank"> <img src="github-mark.55f2d912.svg"> </a> <section class="timer-wrapper"> <span id="timer" title="Pressione Espaço ou clique para pausar/continuar">00:00:00</span> </section> <ul id="timers"></ul> </main> <script src="index.8e5d2d6c.js" type="module"></script> </body></html>
\ No newline at end of file
diff --git a/info.ad84cfd0.svg b/info.ad84cfd0.svg
new file mode 100644
index 0000000..b84be66
--- /dev/null
+++ b/info.ad84cfd0.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
+<g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M16,3c-7.16797,0 -13,5.83203 -13,13c0,7.16797 5.83203,13 13,13c7.16797,0 13,-5.83203 13,-13c0,-7.16797 -5.83203,-13 -13,-13zM16,5c6.08594,0 11,4.91406 11,11c0,6.08594 -4.91406,11 -11,11c-6.08594,0 -11,-4.91406 -11,-11c0,-6.08594 4.91406,-11 11,-11zM15,10v2h2v-2zM15,14v8h2v-8z"></path></g></g>
+</svg>
\ No newline at end of file
diff --git a/info.b55cfeb1.svg b/info.b55cfeb1.svg
new file mode 100644
index 0000000..b43f8b4
--- /dev/null
+++ b/info.b55cfeb1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 256 256"><path d="M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13 13-5.832 13-13S23.168 3 16 3zm0 2c6.086 0 11 4.914 11 11s-4.914 11-11 11S5 22.086 5 16 9.914 5 16 5zm-1 5v2h2v-2zm0 4v8h2v-8z" transform="scale(8)" fill="#fff" stroke-miterlimit="10" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode:normal"/></svg>
\ No newline at end of file