.breath-body{background:-webkit-gradient(linear,left top,left bottom,from(#11c4c0),to(#23265a));background:linear-gradient(180deg,#11c4c0,#23265a);font-family:Roboto,Verdana,sans-serif!important;height:100vh}.breath-body,.sleep-back-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sleep-back-btn{position:fixed;cursor:pointer;z-index:2;top:5vh;left:3vw}.step1-box{position:relative;width:80vh;height:auto;padding:4rem 2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.circle1,.step1-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.circle1{width:55px;height:55px;border-radius:50%;background:rgba(188,237,243,.889);-webkit-animation:breathe 6s linear infinite;animation:breathe 6s linear infinite;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.circle1 img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.instructions{font-weight:400;text-align:justify;padding:1rem;width:100%;margin-top:6rem}.instructions p{color:#fff;line-height:1.6rem;margin-top:.8rem}.breath-play-icon{width:35px;height:35px}.breath-play-icon img{width:100%;height:auto}.message-text{font-size:.9rem;font-weight:400;color:#fff;cursor:pointer}@-webkit-keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}}.breath-play-icon{width:40px;height:40px;cursor:pointer}.start-text{font-size:1.8rem;color:#fff;cursor:pointer}.wrapper{width:60vh;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.relax{font-size:2rem}.countdown,.relax{font-weight:700;color:#fff}.countdown{font-size:1.5rem}.circle-progress{position:relative;width:220px;height:220px;margin-top:1rem}.progress-ring{width:100%;height:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:0;left:0}@-webkit-keyframes progressLoop{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:0}}@keyframes progressLoop{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:0}}.progress-ring__circle{stroke-dasharray:339.29;stroke-dashoffset:339.29;-webkit-animation:progressLoop 20s linear infinite;animation:progressLoop 20s linear infinite;stroke-linecap:round}.progress-ring__background{stroke-dasharray:339.29;stroke-dashoffset:0}.breath-shape-container{width:180px;height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2}.breath-shape-container,.message-in-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.message-in-circle{font-size:1rem;font-weight:800;color:#fff;pointer-events:none;text-align:center}.center-shape{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}@keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}}