Update static/style.css

static/style.css

@@ -93,6 +93,10 @@ button:hover:not(:disabled) {
     transform: scale(1.03);
 }
 
+#number_label, #number {
+    display: none;
+}
+
 #charCount {
     font-size: 14px;
     color: #666;
@@ -112,20 +116,15 @@ button:hover:not(:disabled) {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 
-.loading {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-top: 20px;
-}
-
-.spinner {
-    border: 6px solid #f3f3f3;
-    border-top: 6px solid #4CAF50;
-    border-radius: 50%;
+/* Loading Spinner */
+.loading-spinner {
     width: 40px;
     height: 40px;
+    border: 5px solid rgba(0, 0, 0, 0.1);
+    border-top: 5px solid #4CAF50;
+    border-radius: 50%;
     animation: spin 1s linear infinite;
+    margin: 20px auto;
 }
 
 @keyframes spin {
@@ -138,17 +137,4 @@ button:hover:not(:disabled) {
         width: 90%;
         padding: 20px;
     }
-
-    h1 {
-        font-size: 20px;
-    }
-
-    textarea, select, input {
-        font-size: 14px;
-    }
-
-    button {
-        font-size: 14px;
-        padding: 10px;
-    }
 }