Update index.html

index.html

@@ -27,21 +27,21 @@
             justify-content: space-around;
         }
         .slider-container {
-            margin: 20px 0;
+            margin: 10px 0;
         }
         label {
-            font-size: 18px;
-            margin-bottom: 10px;
+            font-size: 16px;
+            margin-bottom: 5px;
             display: block;
         }
         .slider {
             width: 100%;
             -webkit-appearance: none;
-            height: 12px;
-            border-radius: 6px;
+            height: 10px;
+            border-radius: 5px;
             background: #333;
             outline: none;
-            margin: 10px 0;
+            margin: 5px 0;
         }
         .slider::-webkit-slider-thumb {
             -webkit-appearance: none;
@@ -63,9 +63,9 @@
         .values {
             display: flex;
             justify-content: space-between;
-            margin-top: 10px;
+            margin-top: 5px;
             color: #aaa;
-            font-size: 14px;
+            font-size: 12px;
         }
         .result {
             font-size: 32px;