@import url(https://fonts.googleapis.com/css2?family=Thasadith:wght@700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:"Thasadith",sans-serif;outline:none}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(107.9deg,#c6ebc9 1.02%,#acdeaa 19.28%,#70af85 44.32%,#70af85 67.28%,#d6f8b8 85.01%,#c6ebc9 101.19%) no-repeat;background-size:cover}.box{width:90vw;background:hsla(0,0%,100%,.5);border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.box header{position:absolute;top:0;left:0;width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;padding:0 80px}.box header div h1{color:#206a5d;font-size:36px;cursor:pointer}.box header div{display:flex;align-items:center}.box header div ul li{display:inline;margin:0 20px;cursor:pointer}.box header div ul{margin-left:70px}.box header button,.box header div ul{-webkit-transform:translateY(3px);transform:translateY(3px)}.box header button{background:#5ba19b;border:none;color:#206a5d;width:120px;height:50px;border-radius:20px;cursor:pointer;font-size:18px}.container{display:flex;justify-content:space-between;align-items:center;padding:80px}.container div{width:450px}.container div h1{color:#206a5d;font-size:72px}.container div p{color:#206a5d;margin:30px 0}.container div form{display:flex;flex-direction:column;align-items:center}.container div form input{width:100%;margin:30px 0;background:transparent;border:5px solid #5ba19b;border-radius:100px;padding:20px 30px;color:#206a5d;font-size:18px}.container div form input::-webkit-input-placeholder{color:#5ba19b}.container div form input:-ms-input-placeholder{color:#5ba19b}.container div form input::placeholder{color:#5ba19b}.container div form button{background:#ccedd2;border:5px solid #f1bd68;box-sizing:border-box;border-radius:20px;color:#206a5d;width:300px;padding:15px 0}img{width:40%;height:40%}.box .btns{position:relative;width:40px;height:40px;justify-content:center;align-items:center;display:none}.btns ion-icon{font-size:1.5em;color:#000}.btns .menuToggle ion-icon{font-size:3em}.btns ion-icon:nth-child(2){display:none}.btns.active ion-icon:nth-child(2){display:block;position:fixed;z-index:100}.btns.active ion-icon:first-child{display:none}.navigation{position:fixed;top:0;left:-100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;flex-direction:column;transition:.5s}.navigation.active{left:0}.navigation li{list-style:none;display:inline-flex;margin:5px 0;font-size:3.5vh;color:#000;padding:5px 20px;border-radius:40px}.navigation li:hover{background:#fff}@media screen and (max-width:900px){.container{flex-direction:column;flex-wrap:wrap;text-align:center}.container div,img{width:40%}header button,header ul{display:none}.box .btns{display:flex}.box header div h1{font-size:20px}img{width:110%}.container div h1{text-align:center;font-size:47px;position:absolute;right:15%}}.instructions-list{width:40%;margin-top:20px;border-style:double;border-radius:10px;border-color:#1f7704}.instruction{letter-spacing:.5px;color:#1b420c;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:15px;text-align:left;margin:20px 10px 10px}.instructions-container{display:flex;justify-content:space-evenly;align-content:center}.pose-demo-img{width:25%}h3{text-align:center;color:#1b420c;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif}@media screen and (max-width:900px){.instructions-list{display:none}.pose-demo-img{width:80%}}body{background:#c7e1d8;scroll-behavior:none;overflow-y:hidden;overflow-x:hidden}.yoga-container{background:#c7e1d8;min-width:100vw;min-height:100vh}.secondary-btn{position:absolute;bottom:38px;left:50%;display:inline-block;background-color:#f1bd68;border:1px solid #f09708;border-radius:5px;box-sizing:border-box;color:#000;cursor:pointer;font-size:18px;line-height:33.4929px;list-style:outside url(https://www.smashingmagazine.com/images/bullet.svg) none;padding:2px 22px;text-align:center;text-underline-offset:1px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;font-family:"Times New Roman",Times,serif}.secondary-btn:hover{background-color:#f3b043}.starting-contdown{margin:auto;border:10px solid hsla(0,0%,49%,.5);width:-webkit-max-content;width:max-content;padding:10px 30px;border-radius:50%;background-color:hsla(0,0%,100%,0);position:relative;top:45%}.starting-contdown h1{color:#fff}.pose-img{position:absolute;left:65%;bottom:20%;width:30%;height:61%;margin:2%}.performance-container{display:flex;padding:20px;position:absolute;left:150px}.performance-container,.pose-performance{font-family:"Times New Roman",Times,serif}.pose-performance{margin:10px;background-color:#fff;border-radius:8px;padding:10px}.pose-performance h4{color:rgba(0,0,0,.7)}#my-canvas,#webcam{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media screen and (max-width:900px){.pose-img{position:absolute;top:250px;left:-17px;height:150px;width:130px}.pose-performance{margin:5px;background-color:#fff;border-radius:8px;width:150px}.performance-container,.pose-performance{padding:10px;font-family:"Times New Roman",Times,serif}.performance-container{display:flex;position:absolute;left:5px}h4{font-size:18px}}#pose-dropdown-btn:hover{border-color:#fff}#pose-dropdown-btn{width:10%;background-color:#f1bd68;border:1px solid #f09708;color:#000;font-size:16px}.dropdown-container{display:flex;margin-right:10%;justify-content:center;padding-top:3%}#pose-dropdown-btn:focus{background-color:#f3b043;color:#000;box-shadow:none}#pose-dropdown-btn:focus-within{border-color:#fff;background-color:#f3b043}.dropdown-option{background:url(/static/media/chair.02d91ab8.png);background-color:#f3b043}.dropdown-custom-menu{overflow:scroll;height:20vh;width:8%;text-align:center;-ms-overflow-style:none}.dropdown-custom-menu::-webkit-scrollbar{display:none}.dropdown-item-container{width:8%;display:flex;border-radius:4px}.dropdown-item-1{margin:10px}.dropdown-img{width:80px;height:80px}h1{margin-top:10px;height:30px;font-size:60px;font-family:"Thasadith",sans-serif;text-align:center}span{color:#ea6557}@media screen and (max-width:900px){#pose-dropdown-btn{width:30%;margin-right:20%;margin-top:20%}}.about-container{width:100vw;height:100vh;background:linear-gradient(100deg,#ff8c00,orange)}.about-heading{font-size:54px;text-align:center;padding-top:10px;color:#fff;font-family:"Raleway",sans-serif}.about-main{margin:auto;width:70%}.about-content{color:#fff;font-size:18px}.developer-info h4{color:#fff;font-family:"Raleway",sans-serif;margin-top:20px;text-decoration:underline}.about-content a,.developer-info a{color:#fff}.tutorials-container{width:100vw;height:100vh;background:linear-gradient(100deg,#ff8c00,orange)}.tutorials-heading{font-size:54px;margin-left:100px;padding-top:50px;color:#fff;font-family:"Raleway",sans-serif}.tutorials-content{color:#fff;font-size:18px;margin:4px auto auto 100px}.tutorials-content-container{width:70%}body,html{margin:0;padding:0}
/*# sourceMappingURL=main.61323daa.chunk.css.map */