UI polish

Author: pid1

index.html

@@ -54,15 +54,15 @@
         .floating-pizza {
             position: absolute;
             font-size: 2rem;
-            opacity: 0.35;
-            animation: floatPizza 15s ease-in-out infinite;
+            opacity: 0.55;
+            animation: floatPizza 12s ease-in-out infinite;
         }
 
         @keyframes floatPizza {
-            0%, 100% { transform: translateY(0) rotate(0deg); }
-            25% { transform: translateY(-30px) rotate(90deg); }
-            50% { transform: translateY(0) rotate(180deg); }
-            75% { transform: translateY(30px) rotate(270deg); }
+            0%, 100% { transform: translate(0, 0) rotate(0deg); }
+            25% { transform: translate(40px, -60px) rotate(120deg); }
+            50% { transform: translate(-30px, 20px) rotate(240deg); }
+            75% { transform: translate(20px, 50px) rotate(300deg); }
         }
 
         .neon-line {
@@ -135,11 +135,12 @@
         }
 
         .tagline {
-            font-size: 1.2rem;
+            font-size: clamp(0.6rem, 4vw, 1.2rem);
             color: #ff6b35;
             margin-top: 20px;
-            letter-spacing: 4px;
+            letter-spacing: clamp(1px, 1vw, 4px);
             text-transform: uppercase;
+            white-space: nowrap;
         }
 
         /* Projects Grid */
@@ -333,6 +334,11 @@
         <div class="floating-pizza" style="top: 60%; left: 15%; animation-delay: -7s;">🍕</div>
         <div class="floating-pizza" style="top: 80%; right: 5%; animation-delay: -11s;">🍕</div>
         <div class="floating-pizza" style="top: 45%; left: 80%; animation-delay: -5s;">🍕</div>
+        <div class="floating-pizza" style="top: 20%; left: 45%; animation-delay: -2s;">🍕</div>
+        <div class="floating-pizza" style="top: 70%; left: 75%; animation-delay: -8s;">🍕</div>
+        <div class="floating-pizza" style="top: 50%; left: 25%; animation-delay: -4s;">🍕</div>
+        <div class="floating-pizza" style="top: 15%; right: 30%; animation-delay: -9s;">🍕</div>
+        <div class="floating-pizza" style="top: 85%; left: 50%; animation-delay: -6s;">🍕</div>
     </div>
 
     <header>