From 9f4efb334a317932a1e112dbaacd5ae754a4869b Mon Sep 17 00:00:00 2001
From: Michi <michivonah@gmail.com>
Date: Sun, 12 Jun 2022 12:35:54 +0200
Subject: [PATCH] Update style.css

---
 style.css | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/style.css b/style.css
index ab1ab6c..9afdfbe 100644
--- a/style.css
+++ b/style.css
@@ -930,3 +930,61 @@ body{
 /* Selection */
   ::selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}
   ::-moz-selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}
+
+
+  /* Countdown */
+  #countdown{
+    display: flex;
+    flex-direction: row;
+    user-select: none;
+    font-family: var(--font);
+  }
+
+  .countdownObject{
+    display: flex;
+    flex-direction: column;
+    margin: var(--margin);
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+    text-align: center;
+    text-transform: capitalize;
+  }
+
+  .countdownObject:nth-child(4) .countdownNum{
+    background: var(--red);
+    border-color: var(--red);
+    transition: var(--transition);
+    animation: countdown 2000ms infinite;
+  }
+
+  @keyframes countdown{
+    0%{
+      border-color: var(--red);
+      background: var(--red);
+    }
+    50%{
+      border-color: var(--theme1);
+      background: var(--theme1);
+    }
+    100%{
+      border-color: var(--red);
+      background: var(--red);
+    }
+  }
+
+  .countdownNum{
+    width: 60px;
+    height: 60px;
+    background: transparent;
+    border: 4px solid var(--theme1);
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+    padding: 0;
+    font-size: 18px;
+  }