home

src/App/mediarules.css

@@ -134,8 +134,8 @@
     }
     /***home***/
    #breatht  {
-    font-size: 1.5em; /* Adjust font size for smaller screens */
-    text-align: center; /* Optional: center text for mobile */
+    font-size: 1.5em !important; /* Adjust font size for smaller screens */
+    text-align: left; /* Optional: center text for mobile */
   }
     /***Biosafty***/
     #safehead {

src/components/Breathe.tsx

@@ -132,7 +132,7 @@ export function Breathe(){
                     </div>
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '100vh' }}></div>
-                    <p id="breath5" style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
+                    <p id="breatht" style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
                     <p id="breatht" style={{'fontSize' : '2.5em'}}>Your body and mind</p>
                     <p id="breatht" style={{'fontSize' : '2.5em'}}>become <strong>grounded</strong>.</p>
                     {/* Spacing Block */}