@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=DM+Sans:wght@500&family=Dosis&family=Lato:wght@300&family=Mukta&family=Mulish:wght@600&family=Poppins:wght@300&family=Prompt&family=Rubik:wght@400;600&family=Schibsted+Grotesk:wght@600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Rubik;font-style:normal;font-weight:400;gap:50px;justify-content:center;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:40px;margin:0}.canvas{background-color:#fff;border:1px solid #000;height:55vh;left:0;width:55vw}#audio-wave{height:auto;width:auto}.start-btn{margin:10px}.App{display:grid;font-family:Mullish,sans-serif;font-style:normal;font-weight:400;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.page-title{flex-direction:column;height:100%;justify-content:center;padding:15px 0;width:100%}.page-title,.titles>.main-title{align-items:center;display:flex;margin:0}.titles>.main-title{font-family:Rubik,sans-serif;font-size:42px;font-style:normal;font-weight:700;gap:8px;padding:0;text-shadow:rgba(78,77,73,.65) 0 1px 30px}.titles{align-items:center;justify-content:center;margin-bottom:0;text-align:center}.title-eye{margin:0;max-height:35px;padding:0}.sub-title{font-family:DM Sans;margin:0}.welcome-text{font-family:DM Sans;margin-left:10px;margin-right:10px;margin-top:8px}.welcome-text>p{margin:5px}.App>.page-title{grid-column-start:2}.hidden{opacity:0;transition:visibility 0s 2s,opacity 2s linear;visibility:hidden}.choice-container{display:flex;grid-column-start:1;height:100%;justify-items:center;transition:visibility 2s 0s,opacity 1s linear;width:100%}.animation-container{grid-column-start:2;justify-content:center;margin-top:15px;position:relative}.animation-container,.details-container{align-items:center;display:flex;flex-direction:column;height:100%;text-align:center;width:100%}.details-container{font-size:16px;grid-column-start:3;margin-bottom:35px;transition:visibility 2s 0s,opacity 1s linear}@media only screen and (max-width:900px){.App{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:100%;margin:0;width:100%}.App,.App>.page-title{padding:0;text-align:center}.App>.page-title{grid-row-start:1;height:auto;overflow-x:hidden;transition:visibility 2s 0s,opacity 1s linear;width:100vw}.page-title>.titles{align-items:center;background-color:#94c997;background-image:linear-gradient(315deg,#94c997,#daacec 74%);box-shadow:0 1px 5px rgba(0,0,0,.691);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:25px;text-align:center;width:100%}.titles>.main-title{font-family:Mullish,sans-serif;font-size:3.5vh;font-style:normal;font-weight:700;margin:0;padding:0}.page-title>.sub-title{font-size:16px}.title-eye{margin:0;max-height:30px;padding:0}.welcome-text{margin-bottom:10px;margin-top:10px}.App>.animation-container{align-items:center;display:flex;flex-direction:column;grid-row-start:2;height:100%;justify-content:center;margin-bottom:0;margin-top:0;overflow-x:hidden;overflow-y:hidden;position:relative;text-align:center;width:100%}.App>.choice-container{grid-row-start:3;justify-items:center;margin-bottom:25px;width:100vw}.App>.choice-container,.App>.details-container{display:flex;grid-column-start:2;height:100%;overflow-x:hidden;transition:visibility 2s 0s,opacity 1s linear}.App>.details-container{align-items:center;flex-direction:column;grid-row-start:4;text-align:center;width:auto}.hidden{opacity:0;transition:visibility 0s 2s,opacity 2s linear;visibility:hidden}}.heart-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.heart-box>.shape{-webkit-filter:"";filter:"";height:57px;width:auto}.heart-box>.shape,.heart-box>.shape-glow{-webkit-animation:"";animation:"";left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;top:115px}.heart-box>.shape-glow{background-color:rgba(204,151,53,.292);border-radius:50%;box-shadow:0 0 20px rgba(255,166,0,.578);-webkit-filter:blur(5px);filter:blur(5px);height:58px;width:58px}.heart-box>.heart-background{max-width:400px;top:65px;z-index:0}.breath-text{align-self:center;color:#000;font-family:Rubik}@-webkit-keyframes breathing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes breathing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}.control-btns{flex-direction:column;gap:20px;margin-top:15px;padding:0}.control-btns,.control-btns>.play-btn{align-items:center;display:flex;justify-content:center}.control-btns>.play-btn{-webkit-animation:"";animation:"";border-radius:80%;box-shadow:0 0 20px rgba(0,0,0,.25);cursor:pointer;height:20px;pointer-events:auto;width:70px}.play-btn:hover,.play-standby:hover{cursor:pointer;opacity:.75}.play-btn>.play-img{height:auto;max-width:75px;pointer-events:inherit!important}.tips-scroll{color:transparent;cursor:pointer;font-family:DM Sans}.scroll-img{max-height:20px;opacity:.8}.duration-row{height:auto;transition:visibility 2s 0s,opacity 1s linear;width:auto}.duration-row>.db{background-color:#f5f5f5;border:2px solid #000;box-shadow:0 0 2px #000;color:#000;cursor:pointer;font-family:Schibsted Grotesk,sans-serif;height:auto;margin:0;padding:3px;width:auto}.duration-reminder{-webkit-animation:"";animation:"";font-family:DM Sans;font-size:16px;margin:0;width:100%}.db:hover{cursor:pointer;opacity:.85}.breath-length>.active-btn,.duration-row>.active-btn{border:2px solid #281e35;box-shadow:inset 0 0 5px #000}.duration-text{-webkit-animation:"";animation:"";font-family:DM Sans;font-size:16px;margin:0;width:100%}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}@-webkit-keyframes glowing{0%{background-color:#2ba805;box-shadow:0 0 5px #2ba805}50%{background-color:#49e819;box-shadow:0 0 20px #49e819}to{background-color:#2ba805;box-shadow:0 0 5px #2ba805}}@keyframes glowing{0%{background-color:#2ba805;box-shadow:0 0 5px #2ba805}50%{background-color:#49e819;box-shadow:0 0 20px #49e819}to{background-color:#2ba805;box-shadow:0 0 5px #2ba805}}@media only screen and (max-width:900px){.control-btns>.play-btn{align-items:center;-webkit-animation:"";animation:"";border-radius:80%;box-shadow:0 0 20px rgba(0,0,0,.25);cursor:pointer;display:flex;height:20px;justify-content:center;width:70px}.tips-scroll{color:grey;display:flex;flex-direction:row;font-size:16px;transition:visibility 2s 0s,opacity 1s linear}.play-btn:hover,.play-standby:hover{cursor:pointer;opacity:.75}.play-img{max-width:60px}}.sea-breath{-webkit-animation:"";animation:"";font-size:36px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;top:13%}.sea-container{border:8px solid #527d87;border-radius:50%;box-shadow:0 0 7px rgba(0,0,0,.505)}.countdown-sea{-webkit-animation:"";animation:"";display:none;font-size:36px;left:0;margin:0 auto;opacity:1;position:absolute;right:0;top:13%}@media only screen and (max-width:900px){.sea-container{height:300px!important;width:300px!important}.sea-container>svg{border-radius:50%}.sea-breath{opacity:0}.countdown-sea,.sea-breath{-webkit-animation:"";animation:"";font-size:28px;left:0;margin:0 auto;position:absolute;right:0;top:13%}.countdown-sea{display:none;opacity:1}}.fish-container{border:8px solid #45a0b7;border-radius:20%;box-shadow:0 0 7px rgba(0,0,0,.594)}.fish-breath{opacity:0}.countdown-fish,.fish-breath{-webkit-animation:"";animation:"";font-size:36px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-fish{color:#000;display:none;opacity:1}@media only screen and (max-width:900px){.fish-container{height:300px!important;width:300px!important}.fish-breath{opacity:0}.countdown-fish,.fish-breath{-webkit-animation:"";animation:"";font-size:28px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-fish{color:#000;display:none;opacity:1}}.swing-container{height:auto;width:auto}.swing-container>.swing-box{border:15px solid #000;height:auto;margin:10px;padding:10px 40px 0;width:auto}.swing{-webkit-animation:"";animation:"";max-height:350px;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform-origin:50% top;transform-origin:50% top;width:auto}.breath-text{font-size:40px}@-webkit-keyframes swing{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes swing{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.guy-container{border:14px solid #d5913e;box-shadow:0 0 10px rgba(0,0,0,.691);margin:0;padding:0 0 -10px}.guy-breath{opacity:0}.countdown-guy,.guy-breath{-webkit-animation:"";animation:"";font-size:36px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-guy{color:#000;display:none;opacity:1}@media only screen and (max-height:950px) and (max-width:900px){.guy-container{height:300px!important;width:265px!important}.guy-breath{opacity:0}.countdown-guy,.guy-breath{-webkit-animation:"";animation:"";font-size:28px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-guy{color:#000;display:none;opacity:1}}@media only screen and (max-height:740px) and (max-width:450px){.guy-container{height:230px!important;width:200px!important}.guy-breath{opacity:0}.countdown-guy,.guy-breath{-webkit-animation:"";animation:"";font-size:28px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-guy{color:#000;display:none;opacity:1}}.med-div{align-items:center;display:flex;flex-direction:column;height:auto;width:100%}.med-div>.med-background{-webkit-animation:AnimationName 24s ease infinite;animation:"AnimationName";background-size:1000% 1000%;border:10px solid #744e7c;border-radius:10%;height:auto;justify-self:center;width:375px}@-webkit-keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.med-background>.med-container{border-radius:10%;box-shadow:0 0 10px #000;margin:0;padding:0 0 -10px}.start-btn{background:linear-gradient(180deg,#e1e6b551,#e2d1de60,#dec5c578,#bacad46c,#dbc4df7c,#f7f2f27b 85%)}.med-breath{-webkit-animation:"";animation:"";font-size:36px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;top:10%}.duration-btns{margin-top:20px}.countdown-med{-webkit-animation:"";animation:"";color:#000;display:none;font-size:36px;left:0;margin:0 auto;opacity:1;position:absolute;right:0;top:10%}@media only screen and (max-width:900px){.med-background{height:40vh!important;width:auto!important}.med-breath{opacity:0}.countdown-med,.med-breath{-webkit-animation:"";animation:"";font-size:32px;left:0;margin:0 auto;position:absolute;right:0;top:10%}.countdown-med{color:#000;display:none;opacity:1}}.sun-breath{-webkit-animation:"";animation:"";opacity:0}.countdown-sun,.sun-breath{font-size:30px;left:0;margin:0 auto;position:absolute;right:0;top:35%}.countdown-sun{display:none;opacity:1}@media only screen and (max-width:900px){.sun-container{height:300px!important;width:auto!important}.sun-breath{-webkit-animation:"";animation:"";opacity:0}.countdown-sun,.sun-breath{font-size:24px;left:0;margin:0 auto;position:absolute;right:0;top:29%}.countdown-sun{display:none;opacity:1}}.circle-breath{-webkit-animation:"";animation:"";opacity:0}.circle-breath,.countdown-circle{font-size:28px;left:0;margin:0 auto;position:absolute;right:0;top:34%}.countdown-circle{display:none;opacity:1}.start-btn{margin-top:20px}@-webkit-keyframes fade{0%,to{opacity:0}33%{opacity:1}}@keyframes fade{0%,to{opacity:0}33%{opacity:1}}@media only screen and (max-width:900px){.circle-container{height:auto!important;width:300px!important}.circle-breath{-webkit-animation:"";animation:"";opacity:0}.circle-breath,.countdown-circle{font-size:24px;left:0;margin:0 auto;position:absolute;right:0;top:29%}.countdown-circle{display:none;opacity:1}}.details{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0;width:100%}.details-title{font-family:Rubik,sans-serif;margin-bottom:10px}.details-box{background-color:#ebbe9b91;background-image:linear-gradient(315deg,#ddb99e95,#decbbb86 54%);border-radius:5%;box-shadow:0 0 5px rgba(0,0,0,.381);font-family:DM Sans;height:auto;padding:5px 15px;width:75%}.details-box>p{margin:12px}.tips-header{margin:0}h1{font-size:24px}@media only screen and (max-width:900px){.details-title{font-family:Rubik,sans-serif;margin-bottom:20px;margin-top:20px}}.choice-div{align-items:center;display:flex;flex-direction:column;margin:0;padding:0}.choice-div>.anchor-text{margin-bottom:10px;margin-top:0}.choice-holder{background-color:rgba(158,89,89,.1);border-radius:5%;flex-direction:row;flex-wrap:wrap;gap:0;height:auto;margin:0;padding:50px 25px;width:65%}.choice-holder,.choice-holder>.choice{align-items:center;display:flex;justify-content:center}.choice-holder>.choice{background-color:#4f534f;border-radius:15%;cursor:pointer;margin:5px;max-height:120px;padding:0}.choice>.choice-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15%;max-height:120px;transition:.5s ease}.choice-img:hover{opacity:.3}.active{border:4px solid rgba(128,112,146,.5);border-radius:15%}.anchor-text{font-family:DM Sans}@media only screen and (max-width:900px){.choice-div{align-items:center;background-color:#fff;background-image:linear-gradient(315deg,#ffffff9f,#d7e1ec93 74%);flex-direction:column;margin:20px 0 0;width:100%}.choice-div,.choice-holder{display:flex;height:auto;padding:10px}.choice-holder{background-color:rgba(158,89,89,.1);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.3);flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:space-between;margin:0;overflow-x:scroll;width:100vw}.choice-holder>.choice{align-items:center;background-color:#4f534f;border-radius:15%;cursor:pointer;display:flex;justify-content:center;margin:5px;max-height:100px;padding:0}.choice>.choice-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15%;max-height:100px;transition:.5s ease}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5)}}
/*# sourceMappingURL=main.933bf67b.css.map*/