.breathe-ring,.breathe-ring2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:50;opacity:0;transition:opacity 1.5s}
.breathe-ring.show{opacity:1;animation:breathe 6s ease-in-out infinite}
.breathe-ring2.show{opacity:1;animation:breathe 6s ease-in-out infinite 1.5s}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1);border-color:rgba(255,255,255,.06)}50%{transform:translate(-50%,-50%) scale(3);border-color:rgba(255,255,255,.015)}}
.breathe-text{position:fixed;top:calc(50% + 80px);left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:13px;color:rgba(232,228,220,.08);letter-spacing:4px;text-transform:uppercase;pointer-events:none;z-index:50;opacity:0;transition:opacity 2s}
.breathe-text.show{opacity:1;animation:bt 6s ease-in-out infinite}
@keyframes bt{0%,100%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}}
.zen-quote{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-weight:300;font-size:20px;color:rgba(232,228,220,.1);text-align:center;letter-spacing:3px;pointer-events:none;z-index:40;opacity:0;transition:opacity 3s;max-width:380px;line-height:2;white-space:pre-line}
.zen-quote.show{opacity:1}