@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap";@font-face{font-family:Kamar;src:url(/fonts/kamar.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Kamar,Raleway,Segoe UI,Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;background:#fafafa;color:#202020}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;width:20px;height:20px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:50%;background:#fff}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px hsla(0,0%,100%,.2)}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 15px hsla(0,0%,100%,.15)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:#fff}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 10px hsla(0,0%,100%,.2)}input[type=range]::-moz-range-thumb:active{box-shadow:0 0 0 15px hsla(0,0%,100%,.15)}input[type=range]::-moz-range-track{height:20px;border-radius:75px;background:hsla(0,0%,100%,.25)}input[type=range]::-webkit-slider-runnable-track{height:20px;border-radius:75px;cursor:pointer;background:hsla(0,0%,100%,.25)}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 15px hsla(0,0%,100%,.15)}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 15px hsla(0,0%,100%,.15)}::-webkit-scrollbar{width:25px;background:#32620e}::-webkit-scrollbar-thumb{background:#fff;border-radius:75px;border:5px solid #32620e}.mainApp{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(/images/backgrounds/bg.jpg) no-repeat 50%;background:url(/images/backgrounds/bg.webp) no-repeat 50%;background-attachment:fixed;background-size:cover;padding:95px 12px 0}.title{font-size:32px;margin:10px 0;color:#1e3a09;text-align:center}.breathing-exercise{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.breathing-exercise .inner-width{background:rgba(50,98,14,.9);padding:20px;border-radius:15px;text-align:center}.breathing-exercise .inner-width .circle{width:250px;height:250px;border:5px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:50%}.breathing-exercise .inner-width .circle .breath-circle{width:50px;height:50px;background:#fff;border-radius:50%}.breathing-exercise .inner-width .circle .breath-circle.grow{animation:growcircle 3.2s ease-in-out forwards}.breathing-exercise .inner-width .circle .breath-circle.shrink{animation:shrinkcircle 3.2s ease-in-out forwards}.breathing-exercise .inner-width .text{font-size:25px;color:#fff;margin-top:20px}@keyframes growcircle{0%{width:50px;height:50px}to{width:200px;height:200px}}@keyframes shrinkcircle{0%{width:200px;height:200px}to{width:50px;height:50px}}button{padding:.5em 1em;outline:none;font-size:20px;display:flex;justify-content:center;align-items:center;background:#32620e;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:.3s}button img{padding-right:.5em}button svg{width:32px;height:32px;padding:.25em}button.active{background:#fff;color:#1e3a09}button:focus,button:hover{background:#1e3a09;color:#fff}button.btnIcon{padding:.5em}button:active{transform:scale(.96)}.optionBtns{display:flex;flex-wrap:wrap;margin-top:8px;justify-content:center;align-items:center}.optionBtns button{margin-right:8px}.optionBtns button:last-child{margin-right:0}.optionBtns .btnIcon{padding:.5em}.optionBtns .btnIcon img{padding-right:0}@media screen and (max-width:500px){.optionBtns{width:100%}.optionBtns button{width:100%;margin:5px 0}}.appFooter{width:100%;text-align:center;background-color:#32620e;color:#fff;padding:10px;position:fixed;bottom:0;left:0;z-index:9999}.appFooter a{color:#fff;font-size:18px;transition:.3s}.appFooter a:focus,.appFooter a:hover{color:#baffc7}.appFooter ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:10px;border-top:1px solid #baffc7;margin-top:5px;text-align:center}.appFooter ul li{padding:0 15px;border-left:1px solid #fff}.appFooter ul li a{font-size:16px;color:#fff;transition:.3s}.appFooter ul li a:focus,.appFooter ul li a:hover{color:#baffc7}.appFooter ul li:first-child{border-left:0}@media screen and (max-width:500px){.appFooter ul{flex-direction:column}.appFooter ul li{border-left:0;padding:5px 0}}.appHeader{position:fixed;top:0;left:0;padding:5px 15px;z-index:9999;width:100%;background:#32620e;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 25px rgba(0,0,0,.2)}.appHeader,.appHeader *{transition:all .3s ease-in-out}.appHeader .logo{display:flex;align-items:center}.appHeader .logo,.appHeader .logo img{width:250px;height:75px}.appHeader .tabLinks{list-style:none;display:flex;justify-content:center;align-items:center}.appHeader .tabLinks a{margin:0 10px;text-align:center;color:#fff;font-size:16px;padding:5px 0;cursor:pointer;text-decoration:none;border-bottom:2px solid transparent}.appHeader .tabLinks a:focus .appHeader .tabLinks a.active,.appHeader .tabLinks a:hover{border-color:#fff}.appHeader .tabLinks .lang img{cursor:pointer;margin:2px}.appHeader .toggler{cursor:pointer;width:40px;height:40px;display:none}.appHeader.sticky{background:#fff}.appHeader.sticky .toggler{filter:invert(1)}.appHeader.sticky .tabLinks{background:#fff!important}.appHeader.sticky .tabLinks a{color:#32620e!important}.appHeader.sticky .tabLinks a:focus,.appHeader.sticky .tabLinks a:hover{border-color:#32620e!important}@media screen and (max-width:500px){.appHeader{padding:4px 8px}.appHeader .logo,.appHeader .logo img{width:200px;height:60px}.appHeader .tabLinks{position:absolute;left:0;display:none;flex-direction:column;background:#32620e;top:100%;width:100%}.appHeader .tabLinks a{margin:7.5px 0;font-size:18px}.appHeader .tabLinks.active{display:flex}.appHeader .toggler{display:block}}@media screen and (max-width:400px){.appHeader .toggler{width:32px;height:32px}.appHeader .toggler img{width:100%;height:100%}}.homepage{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:8px;background:rgba(50,98,14,.75)}.homepage *{color:#fff}.homepage .title{padding:2px;border-bottom:1px solid #fff}.homepage .about{margin-bottom:10px}.txt{font-size:18.5px;color:#fff;margin:10px 0;background:rgba(50,98,14,.9);padding:10px;border-radius:10px}.notFound{background:#32620e;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;height:100vh;padding:15px}.notFound .header{display:flex;flex-direction:column-reverse}.notFound h1{font-size:21px;padding:10px;color:#32620e;background-color:#fff;border-radius:4px}.notFound h2{font-size:96px}.notFound p{margin:15px 0;font-size:18px;max-width:512px}.notFound a{padding:1em 2em;transition:.3s;color:#fff;font-size:17.5px;border:2px solid #fff;border-radius:8px;text-decoration:none;text-transform:uppercase}.notFound a:focus,.notFound a:hover{background:#fff;color:#32620e}.sounds{padding:5px 25px;flex-wrap:wrap;z-index:1}.sounds,.sounds .sound{width:100%;display:flex;justify-content:center;align-items:center}.sounds .sound{margin:10px;z-index:99;max-width:170px;flex-direction:column;background:rgba(50,98,14,.85);padding:16px;color:#fff;border-radius:10px}.sounds .sound .sound-icon{width:100%;height:100%;max-width:100px;max-height:100px}.sounds .sound .sound-icon img{width:inherit;height:inherit;margin-bottom:10.5px}.sounds .sound .sound-name{margin:5px 0;letter-spacing:1px;text-align:center}.sounds .sound .vol{margin-top:5px}.mixes{margin-top:10px;padding:10px;border-radius:10px;background:rgba(50,98,14,.9);max-width:500px;justify-content:center;flex-wrap:wrap}.mixes,.mixes button{width:100%;display:flex;align-items:center}.mixes button{margin:5px;max-width:120px;font-size:21px;background:#1e3a09;justify-content:space-evenly}.mixes button img{width:45px;height:45px;padding:0 .125em}.mixes button:hover{background-color:#2f5516}@media screen and (max-width:500px){.mixes{grid-template-columns:auto}.mixes button{max-width:100%!important}}.musicPlayer{background:rgba(50,98,14,.9);max-width:270px;padding:10px;margin:5px 0;border-radius:15px;width:100%}.musicPlayer h2{color:#fff}.musicPlayer .volumeBox{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:5px;border-radius:10px;background:#1e3a09}.musicPlayer .volumeBox svg{width:32px;height:32px;color:#fff;margin:0 8px}.musicPlayer .musicBtns{display:flex;flex-wrap:wrap;margin-top:8px;width:100%;justify-content:center;align-items:center}.musicPlayer .musicBtns button{margin-right:8px;flex:1 1;background:#1e3a09}.musicPlayer .musicBtns button:last-child{margin-right:0}.musicPlayer .musicBtns button:focus,.musicPlayer .musicBtns button:hover{background:#2f5516}.musicPlayer .musicBtns .btnIcon{padding:.5em}.musicPlayer .musicBtns .btnIcon img{padding-right:0}.loader{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100vh;background:#32620e;display:flex;justify-content:center;align-items:center;flex-direction:column}.loader h2{font-size:25px;color:#fafafa;margin-top:10px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}