refine: adjust toggle and spacing dimensions

- Reduced toggle slider width from 80px to 75px
- Adjusted checked state translation to 45px for proper alignment
- Fine-tuned icon and title padding for better visual balance
- Increased years-experience font size to 1.25em
- Optimized view controls gap to 2.5rem

static/css/main.css

@@ -78,7 +78,7 @@ a:hover {
     align-items: center;
     justify-content: center;
     height: 36px;
-    padding: 0 1rem;
+    padding: 0 .5rem 0 1.5rem;
 }
 
 /* Ensure Iconify icons display properly */
@@ -90,14 +90,14 @@ iconify-icon {
 
 .site-title-text {
     font-size: 1.05rem;
-    font-weight: 600;
+    font-weight: 500;
     color: #fff;
     letter-spacing: -0.01em;
     line-height: 1;
     display: flex;
     align-items: center;
     height: 36px;
-    padding: 0 1rem;
+    padding: 0 1rem 0 0rem;
 }
 
 /* Center: View controls with labels */
@@ -178,7 +178,7 @@ iconify-icon {
 /* Icon Toggle Switches */
 .icon-toggle {
     position: relative;
-    display: inline-block;
+    display: flex;
     cursor: pointer;
 }
 
@@ -194,7 +194,7 @@ iconify-icon {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
-    width: 80px;
+    width: 75px;
     height: 30px;
     background: rgba(255,255,255,0.1);
     border-radius: 15px;
@@ -217,7 +217,7 @@ iconify-icon {
 }
 
 .icon-toggle input:checked + .icon-toggle-slider::before {
-    transform: translateX(50px);
+    transform: translateX(45px);
 }
 
 .icon-toggle input:checked + .icon-toggle-slider {
@@ -635,7 +635,7 @@ iconify-icon {
 
 .years-experience {
     font-family: 'Quicksand', sans-serif;
-    font-size: 0.85em;
+    font-size: 1.25em;
     font-weight: 400;
     color: #666;
     margin: 4px 0 0 0;