From 0d9c6196adb755cd8d9bbe2ef9df1f3d5da4d598 Mon Sep 17 00:00:00 2001
From: PethersonML <petherson.monteiro@hotmail.com>
Date: Mon, 17 Mar 2025 15:23:29 -0300
Subject: [PATCH 1/3] =?UTF-8?q?Adiciona=20convers=C3=A3o=20dos=20`Inputs`?=
 =?UTF-8?q?=20do=20HTML=20para=20`Segundos`=20e=20convers=C3=A3o=20dos=20`?=
 =?UTF-8?q?Segundos`=20para=20os=20`Inputs`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 script.js | 83 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/script.js b/script.js
index 5cafba6..a623338 100644
--- a/script.js
+++ b/script.js
@@ -1,15 +1,42 @@
-let intervalInMillis = 10;
-
 let timerStarted = false;
-let millis = 0;
-let seconds = 30;
-let minutes = 0;
-let hours = 0;
+let seconds = 0;
 let intervalInstance;
 
-document.getElementById("hour").value = hours;
-document.getElementById("min").value = minutes;
-document.getElementById("sec").value = seconds;
+const convertInputsToSeconds = () => {
+  const hour = Number(document.getElementById("hour").value);
+  const min = Number(document.getElementById("min").value);
+  const sec = Number(document.getElementById("sec").value);
+
+  seconds = sec;
+
+  if( min > 0 )
+    seconds += min * 60;
+
+  if ( hour > 0 )
+    seconds += hour * 3600;
+}
+
+const convertSecondsToInputs = () => {
+  let hour = 0;
+  let min = 0;
+  let sec = 0;
+
+  if( seconds > 3600 ){
+    hour = Math.floor(  seconds / 3600  );
+    seconds = seconds % 3600;
+  }
+
+  if( seconds > 60 ){
+    min = Math.floor( seconds / 60);
+    sec = seconds % 60;
+  } else {
+    sec = seconds;
+  }
+
+  document.getElementById("hour").value = hour < 10 && hour > 0 ? '0' + hour : hour == 0 ? '00' : hour;
+  document.getElementById("min").value = min < 10 && min > 0 ? '0' + min : min == 0 ? '00' : min;
+  document.getElementById("sec").value = sec < 10 && sec > 0 ? '0' + sec : sec == 0 ? '00' : sec;
+}
 
 document.getElementById("startBtn").addEventListener("click", function () {
   timerStarted = true;
@@ -17,7 +44,6 @@ document.getElementById("startBtn").addEventListener("click", function () {
 });
 
 document.getElementById("pauseBtn").addEventListener("click", function () {
-  console.log("pause");
   pause();
 });
 
@@ -33,42 +59,17 @@ document.getElementById("toZeroBtn").addEventListener("click", function () {
 });
 
 function run() {
-  hours = document.getElementById("hour").value;
-  minutes = document.getElementById("min").value;
-  seconds = document.getElementById("sec").value;
-
   intervalInstance = setInterval(function () {
     if (timerStarted) {
+      convertInputsToSeconds();
       seconds--;
 
-      if (seconds == 0) {
-        if (minutes > 0) {
-          minutes--;
-
-          seconds = 0;
-          seconds = 59;
-        } else {
-          if (hours > 0) {
-            // sem condição
-          } else {
-            timerStarted = false;
-            clearInterval(intervalInstance);
-          }
-        }
+      if( seconds >= 0 ){
+        convertSecondsToInputs();
+      } else {
+        timerStarted = false;
+        clearInterval(intervalInstance);
       }
-
-      if (minutes == 0) {
-        if (hours > 0) {
-          hours--;
-          minutes = 59;
-        } else {
-          // sem condição
-        }
-      }
-
-      document.getElementById(`sec`).value = seconds;
-      document.getElementById(`min`).value = minutes;
-      document.getElementById(`hour`).value = hours;
     }
   }, 1000);
 }

From e8002ed0e31194ee3221a5330b71cdea764b8204 Mon Sep 17 00:00:00 2001
From: PethersonML <petherson.monteiro@hotmail.com>
Date: Mon, 17 Mar 2025 23:27:49 -0300
Subject: [PATCH 2/3] =?UTF-8?q?-=20Adiciona=20fun=C3=A7=C3=B5es=20de=20`Ed?=
 =?UTF-8?q?i=C3=A7=C3=A3o;=20-=20Refatora=20boa=20parte=20do=20c=C3=B3digo?=
 =?UTF-8?q?=20feito=20at=C3=A9=20ent=C3=A3o;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |  20 ++++---
 script.js  | 168 ++++++++++++++++++++++++++++++++++++++---------------
 2 files changed, 133 insertions(+), 55 deletions(-)

diff --git a/index.html b/index.html
index 189a3a0..9217e5c 100644
--- a/index.html
+++ b/index.html
@@ -6,39 +6,43 @@
     <link rel="stylesheet" href="style.css" />
     <title>Cronometro</title>
   </head>
+  
   <body>
     <div class="input-stopwatch">
-      <input type="number" min="00" value="00" id="hour" />
+      <input type="number" value="00" id="hour" disabled/>
       :
-      <input type="number" min="00" value="00" id="min" />
+      <input type="number" value="00" id="min" disabled/>
       :
-      <input type="number" min="00" value="30" id="sec" />
+      <input type="number" value="30" id="sec" disabled/>
     </div>
+
     <div class="button-wrapper js-stopwatch-button">
       <button class="js-active-fullscreen">
         <img src="/images/full-screen.svg" alt="Colocar em tela cheia" />
       </button>
-      <button class="js-edit-stopwatch">
+      <button class="js-edit-stopwatch" id="editBtn">
         <img src="/images/edit.svg" alt="Editar" />
       </button>
-      <button class="js-stop-button" id="toZeroBtn">
+      <button class="js-stop-button" id="resetBtn">
         <img src="/images/reset.svg" alt="Resetar" />
       </button>
       <button class="js-play-button" id="startBtn">
         <img src="/images/play.svg" alt="Iniciar" />
       </button>
-      <button class="js-pause-button" id="pauseBtn">
+      <button class="js-pause-button hide" id="pauseBtn">
         <img src="/images/pause.svg" alt="Pausar" />
       </button>
     </div>
+
     <div class="button-wrapper js-edit-container-stopwatch hide">
-      <button class="js-cancel-button">
+      <button class="js-cancel-button" id="cancelEditBtn">
         <img src="/images/cancel.svg" alt="Cancelar" />
       </button>
-      <button class="js-finish-edit-button">
+      <button class="js-finish-edit-button" id="confirmEditBtn">
         <img src="/images/ok.svg" alt="Finalizar" />
       </button>
     </div>
+
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/script.js b/script.js
index a623338..f8884d2 100644
--- a/script.js
+++ b/script.js
@@ -1,66 +1,92 @@
 let timerStarted = false;
 let seconds = 0;
+let sec = 0;
+let min = 0;
+let hour = 0;
 let intervalInstance;
 
-const convertInputsToSeconds = () => {
-  const hour = Number(document.getElementById("hour").value);
-  const min = Number(document.getElementById("min").value);
-  const sec = Number(document.getElementById("sec").value);
+const timeInputs = document.querySelector('.input-stopwatch');
 
-  seconds = sec;
+const startBtn = document.getElementById("startBtn");
+const pauseBtn = document.getElementById("pauseBtn");
+const resetBtn = document.getElementById("resetBtn");
+const editBtn = document.getElementById("editBtn");
+const cancelEditBtn = document.getElementById("cancelEditBtn");
+const confirmEditBtn = document.getElementById("confirmEditBtn");
 
-  if( min > 0 )
-    seconds += min * 60;
+startBtn.addEventListener("click", function () {
+  if( !timerStarted ){
+    timerStarted = true;
+    run();
+  }
+});
 
-  if ( hour > 0 )
-    seconds += hour * 3600;
-}
+pauseBtn.addEventListener("click", function () {
+  pause();
+});
 
-const convertSecondsToInputs = () => {
-  let hour = 0;
-  let min = 0;
-  let sec = 0;
+resetBtn.addEventListener("click", function () {
+  reset();
+});
 
-  if( seconds > 3600 ){
-    hour = Math.floor(  seconds / 3600  );
-    seconds = seconds % 3600;
-  }
+editBtn.addEventListener("click", function () {
+  document.querySelector('.js-stopwatch-button').classList.add('hide');
+  document.querySelector('.js-edit-container-stopwatch').classList.remove('hide');
 
-  if( seconds > 60 ){
-    min = Math.floor( seconds / 60);
-    sec = seconds % 60;
-  } else {
-    sec = seconds;
-  }
+  timeInputs.querySelectorAll('input').forEach(input => input.disabled = false);
 
-  document.getElementById("hour").value = hour < 10 && hour > 0 ? '0' + hour : hour == 0 ? '00' : hour;
-  document.getElementById("min").value = min < 10 && min > 0 ? '0' + min : min == 0 ? '00' : min;
-  document.getElementById("sec").value = sec < 10 && sec > 0 ? '0' + sec : sec == 0 ? '00' : sec;
-}
+  hour = Number(document.getElementById("hour").value);
+  min = Number(document.getElementById("min").value);
+  sec = Number(document.getElementById("sec").value);
+});
 
-document.getElementById("startBtn").addEventListener("click", function () {
-  timerStarted = true;
-  run();
+document.querySelectorAll('.input-stopwatch input').forEach(input => {
+  input.addEventListener('input', function () {
+    let max = input.id === 'hour' ? 99 : 59;
+    let min = 0;
+
+    const value = Number(input.value);
+
+    if( value >= 0 && value < 10 ){
+      input.value = '0' + value;
+    } else {
+      input.value = value;
+    }
+
+    if( value < min )
+      input.value = '00';
+
+    if( value > max )
+      input.value = max;
+    
+  });
 });
 
-document.getElementById("pauseBtn").addEventListener("click", function () {
-  pause();
+cancelEditBtn.addEventListener("click", function () {
+  document.querySelector('.js-stopwatch-button').classList.remove('hide');
+  document.querySelector('.js-edit-container-stopwatch').classList.add('hide');
+
+  timeInputs.querySelectorAll('input').forEach(input => input.disabled = true);
+
+  document.getElementById("hour").value = hour >= 0 && hour < 10 ? '0' + hour : hour;
+  document.getElementById("min").value = min >= 0 && min < 10  ? '0' + min : min;
+  document.getElementById("sec").value = sec >= 0 && sec < 10 ? '0' + sec : sec;
 });
 
-document.getElementById("toZeroBtn").addEventListener("click", function () {
-  pause();
-  hours = 0;
-  minutes = 0;
-  seconds = 30;
+confirmEditBtn.addEventListener("click", function () {
+  document.querySelector('.js-stopwatch-button').classList.remove('hide');
+  document.querySelector('.js-edit-container-stopwatch').classList.add('hide');
 
-  document.getElementById("hour").value = hours;
-  document.getElementById("min").value = minutes;
-  document.getElementById("sec").value = seconds;
+  timeInputs.querySelectorAll('input').forEach(input => input.disabled = true);
 });
 
 function run() {
-  intervalInstance = setInterval(function () {
-    if (timerStarted) {
+  if( timerStarted ) {
+    startBtn.classList.add('hide');
+    pauseBtn.classList.remove('hide');
+    editBtn.disabled = true;
+
+    intervalInstance = setInterval(function () {
       convertInputsToSeconds();
       seconds--;
 
@@ -69,17 +95,65 @@ function run() {
       } else {
         timerStarted = false;
         clearInterval(intervalInstance);
+        startBtn.classList.remove('hide');
+        pauseBtn.classList.add('hide');
+        editBtn.disabled = false;
       }
-    }
-  }, 1000);
+    }, 1000);
+  }
+}
+
+const convertInputsToSeconds = () => {
+  hour = Number(document.getElementById("hour").value);
+  min = Number(document.getElementById("min").value);
+  sec = Number(document.getElementById("sec").value);
+
+  seconds = sec;
+
+  if( min > 0 )
+    seconds += min * 60;
+
+  if ( hour > 0 )
+    seconds += hour * 3600;
+}
+
+const convertSecondsToInputs = () => {
+  hour = 0;
+  min = 0;
+  sec = 0;
+
+  if( seconds > 3600 ){
+    hour = Math.floor(  seconds / 3600  );
+    seconds = seconds % 3600;
+  }
+
+  if( seconds > 60 ){
+    min = Math.floor( seconds / 60);
+    sec = seconds % 60;
+  } else {
+    sec = seconds;
+  }
+
+  document.getElementById("hour").value = hour >= 0 && hour < 10 ? '0' + hour : hour;
+  document.getElementById("min").value = min >= 0 && min < 10  ? '0' + min : min;
+  document.getElementById("sec").value = sec >= 0 && sec < 10 ? '0' + sec : sec;
 }
 
 function pause() {
   timerStarted = false;
   clearInterval(intervalInstance);
+  startBtn.classList.remove('hide');
+  pauseBtn.classList.add('hide');
+  editBtn.disabled = false;
 }
 
-function stop() {
+function reset() {
   timerStarted = false;
+  clearInterval(intervalInstance);
+  document.getElementById("hour").value = '00';
+  document.getElementById("min").value = '00';
+  document.getElementById("sec").value = 30;
+  startBtn.classList.remove('hide');
+  pauseBtn.classList.add('hide');
+  editBtn.disabled = false;
 }
-// functio

From 70fb9c2b7c27784779b5bf35c0e0fec6f0c04c1d Mon Sep 17 00:00:00 2001
From: PethersonML <petherson.monteiro@hotmail.com>
Date: Tue, 18 Mar 2025 02:07:10 -0300
Subject: [PATCH 3/3] =?UTF-8?q?-=20Adiciona=20fun=C3=A7=C3=B5es=20de=20`Fu?=
 =?UTF-8?q?llscreen`=20e=20ultimos=2010sec=20ficando=20em=20destaque;=20-?=
 =?UTF-8?q?=20Refatora=20todo=20o=20c=C3=B3digo;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |   8 +++-
 script.js  | 120 ++++++++++++++++++++++++++++++++++++-----------------
 style.css  |  30 +++++++++++++-
 3 files changed, 118 insertions(+), 40 deletions(-)

diff --git a/index.html b/index.html
index 9217e5c..6d010b9 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="style.css" />
     <title>Cronometro</title>
   </head>
-  
+
   <body>
     <div class="input-stopwatch">
       <input type="number" value="00" id="hour" disabled/>
@@ -16,8 +16,12 @@
       <input type="number" value="30" id="sec" disabled/>
     </div>
 
+    <div class="input-stopwatch-finals hide">
+      <input type="number" value="00" id="secFinals" disabled/>
+    </div>
+
     <div class="button-wrapper js-stopwatch-button">
-      <button class="js-active-fullscreen">
+      <button class="js-active-fullscreen" id="fullscreenBtn">
         <img src="/images/full-screen.svg" alt="Colocar em tela cheia" />
       </button>
       <button class="js-edit-stopwatch" id="editBtn">
diff --git a/script.js b/script.js
index f8884d2..8380fd2 100644
--- a/script.js
+++ b/script.js
@@ -5,7 +5,14 @@ let min = 0;
 let hour = 0;
 let intervalInstance;
 
-const timeInputs = document.querySelector('.input-stopwatch');
+// CAPITURANDO ELEMENTOS DA DOM (HTML)
+const divTimeInputs = document.querySelector('.input-stopwatch');
+const allTimeInputs = document.querySelectorAll('input');
+const secFinals = document.getElementById("secFinals");
+const hourInput = document.getElementById("hour");
+const minInput = document.getElementById("min");
+const secInput = document.getElementById("sec");
+const timeInputsFinals = document.querySelector('.input-stopwatch-finals');
 
 const startBtn = document.getElementById("startBtn");
 const pauseBtn = document.getElementById("pauseBtn");
@@ -13,7 +20,12 @@ const resetBtn = document.getElementById("resetBtn");
 const editBtn = document.getElementById("editBtn");
 const cancelEditBtn = document.getElementById("cancelEditBtn");
 const confirmEditBtn = document.getElementById("confirmEditBtn");
+const fullscreenBtn = document.getElementById("fullscreenBtn");
 
+const jsStopwatchButton = document.querySelector('.js-stopwatch-button');
+const jsEditContainerStopwatch = document.querySelector('.js-edit-container-stopwatch');
+
+// EVENTOS DOS ELEMENTOS DA DOM
 startBtn.addEventListener("click", function () {
   if( !timerStarted ){
     timerStarted = true;
@@ -30,17 +42,16 @@ resetBtn.addEventListener("click", function () {
 });
 
 editBtn.addEventListener("click", function () {
-  document.querySelector('.js-stopwatch-button').classList.add('hide');
-  document.querySelector('.js-edit-container-stopwatch').classList.remove('hide');
+  toggleElementVisibily( [jsStopwatchButton, jsEditContainerStopwatch] );
 
-  timeInputs.querySelectorAll('input').forEach(input => input.disabled = false);
+  allTimeInputs.forEach(input => input.disabled = false);
 
-  hour = Number(document.getElementById("hour").value);
-  min = Number(document.getElementById("min").value);
-  sec = Number(document.getElementById("sec").value);
+  hour = Number(hourInput.value);
+  min = Number(minInput.value);
+  sec = Number(secInput.value);
 });
 
-document.querySelectorAll('.input-stopwatch input').forEach(input => {
+allTimeInputs.forEach(input => {
   input.addEventListener('input', function () {
     let max = input.id === 'hour' ? 99 : 59;
     let min = 0;
@@ -58,32 +69,39 @@ document.querySelectorAll('.input-stopwatch input').forEach(input => {
 
     if( value > max )
       input.value = max;
-    
   });
 });
 
 cancelEditBtn.addEventListener("click", function () {
-  document.querySelector('.js-stopwatch-button').classList.remove('hide');
-  document.querySelector('.js-edit-container-stopwatch').classList.add('hide');
+  toggleElementVisibily( [jsStopwatchButton, jsEditContainerStopwatch] );
 
-  timeInputs.querySelectorAll('input').forEach(input => input.disabled = true);
+  allTimeInputs.forEach(input => input.disabled = true);
 
-  document.getElementById("hour").value = hour >= 0 && hour < 10 ? '0' + hour : hour;
-  document.getElementById("min").value = min >= 0 && min < 10  ? '0' + min : min;
-  document.getElementById("sec").value = sec >= 0 && sec < 10 ? '0' + sec : sec;
+  hourInput.value = hour >= 0 && hour < 10 ? '0' + hour : hour;
+  minInput.value = min >= 0 && min < 10  ? '0' + min : min;
+  secInput.value = sec >= 0 && sec < 10 ? '0' + sec : sec;
 });
 
 confirmEditBtn.addEventListener("click", function () {
-  document.querySelector('.js-stopwatch-button').classList.remove('hide');
-  document.querySelector('.js-edit-container-stopwatch').classList.add('hide');
+  toggleElementVisibily( [jsStopwatchButton, jsEditContainerStopwatch] );
+
+  allTimeInputs.forEach(input => input.disabled = true);
+});
 
-  timeInputs.querySelectorAll('input').forEach(input => input.disabled = true);
+fullscreenBtn.addEventListener("click", function () {
+  if( !document.fullscreenElement ){
+    document.documentElement.requestFullscreen().catch(e => {
+      console.error(`Não foi possível colocar em tela cheia: ${e.message}`)
+    });
+  } else {
+    document.exitFullscreen();
+  }
 });
 
+// FUNÇÕES JAVASCRIPT
 function run() {
   if( timerStarted ) {
-    startBtn.classList.add('hide');
-    pauseBtn.classList.remove('hide');
+    toggleElementVisibily( [startBtn, pauseBtn] );
     editBtn.disabled = true;
 
     intervalInstance = setInterval(function () {
@@ -91,22 +109,48 @@ function run() {
       seconds--;
 
       if( seconds >= 0 ){
-        convertSecondsToInputs();
+        convertSecondsToHour();
+
+        if( (seconds >= 0 && seconds <= 10) && !(hourInput.value > 0 || minInput.value > 0) ){
+          divTimeInputs.classList.add('hide');
+          jsStopwatchButton.classList.add('hide');
+          timeInputsFinals.classList.remove('hide');
+
+          secFinals.value = sec >= 0 && sec < 10 ? '0' + sec : sec;
+          secInput.value = sec >= 0 && sec < 10 ? '0' + sec : sec;
+        } else {
+          hourInput.value = hour >= 0 && hour < 10 ? '0' + hour : hour;
+          minInput.value = min >= 0 && min < 10  ? '0' + min : min;
+          secInput.value = sec >= 0 && sec < 10 ? '0' + sec : sec;
+        }
       } else {
         timerStarted = false;
         clearInterval(intervalInstance);
-        startBtn.classList.remove('hide');
-        pauseBtn.classList.add('hide');
-        editBtn.disabled = false;
+
+        let blinkCount = 0;
+        let blinkEffect = setInterval(() => {
+          document.body.classList.toggle('blink-background');
+          divTimeInputs.classList.toggle('blink-font');
+          secFinals.classList.toggle('blink-font');
+          blinkCount++;
+
+          if( blinkCount >= 8 ){
+            clearInterval(blinkEffect);
+
+            toggleElementVisibily( [startBtn, pauseBtn, divTimeInputs, jsStopwatchButton, timeInputsFinals] );
+            secInput.value = '00';
+            editBtn.disabled = false;
+          }
+        }, 500);
       }
     }, 1000);
   }
 }
 
 const convertInputsToSeconds = () => {
-  hour = Number(document.getElementById("hour").value);
-  min = Number(document.getElementById("min").value);
-  sec = Number(document.getElementById("sec").value);
+  hour = Number(hourInput.value);
+  min = Number(minInput.value);
+  sec = Number(secInput.value);
 
   seconds = sec;
 
@@ -117,26 +161,22 @@ const convertInputsToSeconds = () => {
     seconds += hour * 3600;
 }
 
-const convertSecondsToInputs = () => {
+const convertSecondsToHour = () => {
   hour = 0;
   min = 0;
   sec = 0;
 
-  if( seconds > 3600 ){
+  if( seconds >= 3600 ){
     hour = Math.floor(  seconds / 3600  );
     seconds = seconds % 3600;
   }
 
-  if( seconds > 60 ){
+  if( seconds >= 60 ){
     min = Math.floor( seconds / 60);
     sec = seconds % 60;
   } else {
     sec = seconds;
   }
-
-  document.getElementById("hour").value = hour >= 0 && hour < 10 ? '0' + hour : hour;
-  document.getElementById("min").value = min >= 0 && min < 10  ? '0' + min : min;
-  document.getElementById("sec").value = sec >= 0 && sec < 10 ? '0' + sec : sec;
 }
 
 function pause() {
@@ -150,10 +190,16 @@ function pause() {
 function reset() {
   timerStarted = false;
   clearInterval(intervalInstance);
-  document.getElementById("hour").value = '00';
-  document.getElementById("min").value = '00';
-  document.getElementById("sec").value = 30;
+  hourInput.value = '00';
+  minInput.value = '00';
+  secInput.value = 30;
   startBtn.classList.remove('hide');
   pauseBtn.classList.add('hide');
   editBtn.disabled = false;
 }
+
+function toggleElementVisibily( elements ) {
+  for( const element of elements ){
+    element.classList.toggle('hide');
+  }
+}
diff --git a/style.css b/style.css
index e442a24..3f417cb 100644
--- a/style.css
+++ b/style.css
@@ -25,6 +25,18 @@ body {
   color: #46ffbe;
 }
 
+.input-stopwatch-finals {
+  display: flex;
+}
+.input-stopwatch-finals input {
+  font-family: "Orbitron", sans-serif;
+  font-size: 200px;
+  width: 350px;
+  background-color: transparent;
+  border: none;
+  color: #46ffbe;
+}
+
 button {
   background-color: transparent;
   border: 1px solid white;
@@ -34,6 +46,14 @@ button {
   display: flex;
   align-items: center;
   justify-content: center;
+  cursor: pointer;
+}
+button:hover {
+  background-color: #2e2e2e;
+}
+button:disabled {
+  background-color: transparent;
+  cursor: default;
 }
 
 .button-wrapper {
@@ -46,6 +66,14 @@ button {
   display: none !important;
 }
 
+.blink-background {
+  background-color: #46ffbe;
+}
+
+.blink-font {
+  color: #1e1e1e !important;
+}
+
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -54,4 +82,4 @@ input::-webkit-inner-spin-button {
 
 input[type=number] {
   -moz-appearance: textfield;
-}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+}/*# sourceMappingURL=style.css.map */