From 49ccdc101e2ca4150a4111428bea5b0bf3ea8476 Mon Sep 17 00:00:00 2001
From: Jerry Cyan <jerrylovesapple@icloud.com>
Date: Fri, 5 Jan 2024 15:30:56 +0800
Subject: [PATCH] Updated Jan 5 2024

---
 static/css/index-en.css | 32 ++------------------------------
 static/css/index.css    | 10 ++++------
 static/css/style.css    |  4 +++-
 3 files changed, 9 insertions(+), 37 deletions(-)

diff --git a/static/css/index-en.css b/static/css/index-en.css
index 830745ef..02730a07 100644
--- a/static/css/index-en.css
+++ b/static/css/index-en.css
@@ -21,34 +21,6 @@ body {
     animation: welcome-animation-2 0.5s ease-in-out 0s 1;
 }
 
-@keyframes welcome-animation-1 {
-    0% {
-        scale: 0%;
-    }
-
-    50% {
-        scale: 90%;
-    }
-
-    100% {
-        scale: 85%;
-    }
-}
-
-@keyframes welcome-animation-2 {
-    0% {
-        scale: 0%;
-    }
-
-    50% {
-        scale: 105%;
-    }
-
-    100% {
-        scale: 100%;
-    }
-}
-
 @keyframes gradient-canvas {
     0% {
         background-color: #9b1b32;
@@ -143,7 +115,6 @@ body {
 
     #clock-components {
         background-color: rgba(255, 255, 255, 0.75) !important;
-        color: black !important;
         border-color: rgba(255, 255, 255, 0.7) !important;
     }
 
@@ -419,6 +390,7 @@ body {
 #clock-components {
     width: 264px;
     height: 44px;
+    background-color: rgba(0, 0, 0, 0.75);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     -moz-backdrop-filter: blur(12px);
@@ -427,7 +399,7 @@ body {
     line-height: 44px;
     text-shadow: 0px 4px 8px rgb(148, 0, 0);
     color: #ff1c1c;
-    border: 2px solid rgba(255, 255, 255, 1);
+    border: 2px solid rgba(34, 34, 34, 0.7);
     border-radius: 50px;
     font-family: 'Digital-7 Mono Mono';
     font-size: 24px;
diff --git a/static/css/index.css b/static/css/index.css
index 4528c259..9018baa6 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -104,11 +104,8 @@
     }
 
     #clock-components {
-        border-color: rgba(0, 0, 0, 1) !important;
-    }
-
-    #clock-components:focus {
-        background-color: rgba(0, 0, 0, 0.75) !important;
+        background-color: rgba(255, 255, 255, 0.75) !important;
+        border-color: rgba(255, 255, 255, 0.7) !important;
     }
 
     #homeboard-text>a,
@@ -422,6 +419,7 @@ body {
 #clock-components {
     width: 264px;
     height: 44px;
+    background-color: rgba(0, 0, 0, 0.75);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     -moz-backdrop-filter: blur(12px);
@@ -430,7 +428,7 @@ body {
     line-height: 44px;
     text-shadow: 0px 4px 8px rgb(148, 0, 0);
     color: #ff1c1c;
-    border: 2px solid rgba(255, 255, 255, 1);
+    border: 2px solid rgba(34, 34, 34, 0.7);
     border-radius: 50px;
     font-family: 'Digital-7 Mono Mono';
     font-size: 24px;
diff --git a/static/css/style.css b/static/css/style.css
index 8ffca9fb..721b3dcb 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -158,6 +158,7 @@ a:hover {
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
+    overflow: hidden;
 }
 
 #app::-webkit-scrollbar,
@@ -216,6 +217,7 @@ a:hover {
     position: relative;
     text-align: center;
     position: relative;
+    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 #button-2,
@@ -279,7 +281,7 @@ a:hover {
     align-items: start;
     overflow-x: hidden;
     overflow-y: scroll;
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 #button-1-item-list {