body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}:root{--white:#fff;--background:#cfdece;--color1:#5add33;--color2:#ecfbca;--color3:#d9ffca;--color4:#7fa074;--color5:#4e6146;--color6:#46583f;--red:#ff6868;--green:#8f8;--gold:gold}body{background-color:#cfdece;background-color:var(--background);box-sizing:border-box;color:#4e6146;color:var(--color5);font-family:Arial,sans-serif;height:100%;margin:0;padding:0}header{background-color:#5add33;background-color:var(--color1);color:#fff;text-align:center}button{background-color:#4e6146;background-color:var(--color5);border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#5add33;background-color:var(--color1)}input,textarea{background-color:#fff;background-color:var(--white);border:1px solid #7fa074;border:1px solid var(--color4);border-radius:4px;box-sizing:border-box;color:#46583f;color:var(--color6);margin-bottom:16px;margin-top:6px;padding:10px;resize:vertical;width:100%}.container{align-items:center;flex-direction:column;justify-content:center;padding:20px}.hooli{font-family:Hammersmith One,sans-serif;font-style:normal;font-weight:400}@keyframes loading{0%,80%,to{font-size:3em}40%{font-size:10em}}.dot{animation:loading 1.4s infinite;color:var(--color2);font-size:3em}.dot1{animation-delay:0s}.dot2{animation-delay:.2s}.dot3{animation-delay:.4s}.wizard-loading-text{align-items:center;color:var(--color2);cursor:pointer;font-size:3em;justify-content:center;margin:0}.loading{height:10vh}.loading,.wizard{align-items:center;display:flex;justify-content:center}.response-wizard,.wizard{flex-direction:column;height:100vh}.response-wizard{align-items:center;display:flex;justify-content:center;padding:0 70px;text-align:center}.response-wizard .title{font-size:2.8em;margin-bottom:20px}.response-wizard .message{color:var(--color4);font-size:1em}.activities-wizard{align-items:center;display:flex;display:block;flex-direction:column;justify-content:center;padding:10%;position:-webkit-sticky;position:sticky;text-align:center}.activities-wizard .title{font-size:2.8em;margin-bottom:20px}.activities-wizard .subtitle{color:var(--color4);font-size:1em;margin-bottom:20px}.activities-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px}.activity{background-color:var(--color6);border:1px solid var(--color3);border-radius:10px;color:var(--color3);cursor:pointer;margin:20px;max-width:300px;padding:20px;position:relative;transition:.5s}.activity:hover{background-color:var(--color3);color:var(--color6)}.activity-header{font-size:1em;margin-bottom:10px}.activity-feedback,.activity-message,.activity-score{font-size:.5em;margin-bottom:10px}.activity-score{border-radius:20px;left:50%;padding:10px;position:absolute;top:0;transform:translate(-50%,-100%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.positive{background-color:var(--green);color:var(--color5)}.negative{background-color:var(--red)}.challenge-difficulty{background-color:var(--color6);border:1px solid var(--color3);border-radius:20px;color:var(--gold);font-size:.5em;left:50%;margin-bottom:10px;padding:10px;position:absolute;top:0;transform:translate(-50%,-85%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wizard-container{background-color:var(--color6);transition:all 1s ease-in}.page{align-items:center;display:block;flex-direction:column;font-size:2rem;justify-content:center;position:-webkit-sticky;position:sticky}.down-arrow{animation:bounce 2s infinite;bottom:50px;color:var(--color2);left:50%;position:fixed;z-index:1000}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.close-button{color:var(--color2);cursor:pointer;padding:20px;position:fixed;right:0;top:0;z-index:1000}.challenges-wizard{align-items:center;display:flex;display:block;flex-direction:column;justify-content:center;padding:10%;position:-webkit-sticky;position:sticky;text-align:center}.challenges-wizard .title{font-size:2.8em;margin-bottom:20px}.challenges-wizard .subtitle{color:var(--color4);font-size:1em;margin-bottom:20px}.challenges-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px}.challenge{background-color:var(--color6);border:1px solid var(--color3);border-radius:10px;color:var(--color3);cursor:pointer;margin:20px;max-width:300px;padding:20px;position:relative;transition:.5s}.challenge:hover{background-color:var(--color3);color:var(--color6)}.challenge-header{font-size:1em;margin-bottom:10px}.challenge-message{font-size:.5em;margin-bottom:10px}.promo-button-container{padding:10%}.promo-button,.promo-button-container{align-items:center;display:flex;justify-content:center}.promo-button{background-color:var(--color3);border:1px solid var(--color3);border-radius:10px;color:var(--color6);cursor:pointer;margin:20px;padding:0 20px;transition:all .5s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.promo-button:hover{background-color:var(--color6);color:var(--color3)}.promo-button:hover .promo-text{color:var(--color3);padding-right:10px;width:10vw}.promo-text{align-items:center;font-size:.7em;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;transition:all .5s ease-in;white-space:nowrap;width:0}.container{background-color:var(--color2);display:flex;flex-direction:row;margin:0;padding:0;transition:.5s}.containerv2{display:none}.text-container{align-items:left;background-color:var(--color6);flex:0.8 1;flex-direction:column;height:100%;padding:20px;z-index:100}.input-container,.text-container{display:flex;height:100vh;justify-content:center;transition:.5s}.input-container{align-items:center;box-sizing:border-box;flex:0.7 1;flex-direction:column}h1{color:var(--color3);font-size:4em;margin:0}.textarea-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}textarea{height:200px;margin:20px;width:60%}.record-button{position:absolute;right:20%;top:5%}button{color:#fff;margin:20px}.recording-text{font-size:.5em}.send-container{align-items:center;display:flex;justify-content:flex-end;width:60%}.text-container.full-width{flex:1 1;padding:0}.text-container.full-width .start-text{color:var(--color3);font-size:4em;margin:0;opacity:0;padding:0;transition:all .5s}.input-container.no-width{animation:hide .5s forwards}@keyframes hide{0%{opacity:1}50%{opacity:0}to{display:none;flex:0 1;opacity:0;width:0}}.language-selector{bottom:20px;position:fixed;right:20px}.language-selector select{background:#fff;border:none;border-radius:20;font-size:20px;padding:10px}
/*# sourceMappingURL=main.17cb576c.css.map*/