Email Apnea

Have you ever been working at your computer and wondered why you aren’t breathing? Have you ever thought you were a manual breather (consciously controlling your breathing)?

Did you know that approximately 80% of people in a study done by Linda Stone had email or screen apnea.

As I am writing this, I am trying to keep an eye on my posture to prevent shallow breathing. It is easy to do. We get focused on the screen and kinda lean in. Now we are slouching as we peck away at the keyboard. Our breathing gets shallow because of being hunched over. Then you realize your chest is a little tight, so you sit tall and take a few deep breaths.

Email apnea can happen while scrolling your phone, sitting at your computer, or while playing video games. 😱

So what can you do. 🤔

Stand up and stretch.

Breathe

.breathe-container { text-align: center; margin: 100px auto; /* increased top spacing */ padding: 40px 20px; min-height: 500px; /* gives plenty of breathing room */ } .breathe-circle { width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle, #90ee90, #3baea0); margin: 0 auto 30px; animation: breathe 8s ease-in-out infinite; box-shadow: 0 0 25px rgba(0, 128, 128, 0.5); } @keyframes breathe { 0% { transform: scale(1); } 25% { transform: scale(1.3); } /* Inhale */ 50% { transform: scale(1.3); } /* Hold */ 75% { transform: scale(0.9); } /* Exhale */ 100% { transform: scale(1); } /* Reset */ } .breathe-text { font-size: 2em; color: #0b5345; text-shadow: 0 0 8px rgba(255,255,255,0.6); font-family: ‘Segoe UI’, sans-serif; margin-bottom: 20px; } .breathe-btn { background-color: #3baea0; color: white; font-size: 1.1em; border: none; padding: 10px 25px; border-radius: 25px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: all 0.3s ease; } .breathe-btn:hover { background-color: #2d8a7e; } body { background: linear-gradient(180deg, #a8edea, #fed6e3); background-attachment: fixed; } (function() { const circle = document.getElementById(‘breathe-circle’); const text = document.getElementById(‘breathe-text’); const btn = document.getElementById(‘toggle-btn’); const steps = [“Inhale”, “Hold”, “Exhale”]; let i = 0; let running = true; let interval; function startBreathing() { interval = setInterval(() => { text.textContent = steps[i]; i = (i + 1) % steps.length; }, 8000 / steps.length); } function stopBreathing() { clearInterval(interval); } btn.addEventListener(‘click’, () => { if (running) { circle.style.animationPlayState = “paused”; stopBreathing(); btn.textContent = “Start”; } else { circle.style.animationPlayState = “running”; startBreathing(); btn.textContent = “Pause”; } running = !running; }); startBreathing(); // Start automatically on load })();