Lub Dub Valves ((better)) May 2026
.lub-btn background: #c2571a; border-bottom: 3px solid #ffaa70; .dub-btn background: #1a6c9e; border-bottom: 3px solid #70c8ff; .auto-btn background: #2b5e3b; border-bottom: 3px solid #8bc34a;
.status background: #00000066; border-radius: 40px; padding: 0.6rem 1rem; text-align: center; font-family: monospace; font-size: 1.2rem; font-weight: bold; color: #c0e0ff; letter-spacing: 2px; lub dub valves
footer text-align: center; font-size: 0.7rem; margin-top: 1.5rem; opacity: 0.7; </style> </head> <body> <div class="card"> <h1>❤️ LUB DUB VALVES</h1> <div class="sub">atrioventricular → lub | semilunar → dub</div> .lub-btn background: #c2571a
<div class="valves-container"> <div class="valve lub" id="lubValve"> <div class="valve-icon">🫀🚪</div> <div class="valve-title">LUB (S1)</div> <div class="valve-desc">Mitral + Tricuspid closure<br>AV valves snap shut</div> </div> <div class="valve dub" id="dubValve"> <div class="valve-icon">🫀🌊</div> <div class="valve-title">DUB (S2)</div> <div class="valve-desc">Aortic + Pulmonic closure<br>Semilunar valves close</div> </div> </div> border-bottom: 3px solid #ffaa70