*{font-size:14px;box-sizing:border-box}body{min-height:100vh}#root{min-height:100%;max-width:100%}.app-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;min-width:100vw;background-image:linear-gradient(rgba(255,241,214,.15),rgba(250,234,201,.383),rgba(193,220,250,.493))}.app-wrapper,.landing-wrapper{-webkit-align-items:center;align-items:center}.landing-wrapper{height:100vh;-webkit-justify-content:center;justify-content:center}.logo{font-family:"Hahmlet",serif;color:#9c27b0;font-size:3rem;text-shadow:2px 2px 5px #7d7c7c}.nav-wrapper{position:-webkit-sticky;position:sticky;-webkit-justify-content:center;justify-content:center;height:calc(2rem + 2vw);font-family:"Permanent Marker";font-size:2rem;bottom:0;background:linear-gradient(90deg,#9c27b0,#e040fb)}.nav-wrapper,.option-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.option-box{height:100%;-webkit-justify-content:space-evenly;justify-content:space-evenly;font-size:1.5rem}.option{color:#fff}.address,.option{background-color:none!important}.login-wrapper{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh}.login-box,.login-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login-box{-webkit-justify-content:space-evenly;justify-content:space-evenly;background-color:#fff;text-align:center;width:calc(18rem + 10vw);height:calc(18rem + 10vh);margin-bottom: ;border-radius:1.5em;box-shadow:0 11px 35px 2px rgba(0,0,0,.14)}.sign{color:#8c55aa;font-family:"Ubuntu",sans-serif;font-weight:700;font-size:1.65rem}.sing-in-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.sign-in-form input{width:80%;color:#263238;font-weight:700;font-size:14px;letter-spacing:1px;background:hsla(0,4%,51.4%,.04);padding:10px 20px;border:none;border-radius:20px;outline:none;box-sizing:border-box;border:2px solid rgba(0,0,0,.02);text-align:center;margin-bottom:27px;font-family:"Ubuntu",sans-serif}.submit{padding:10px 40px;width:70px}.chat,.submit{cursor:pointer;border-radius:5em;color:#fff;background:linear-gradient(90deg,#9c27b0,#e040fb);border:0;font-family:"Ubuntu",sans-serif;font-size:13px;box-shadow:0 0 20px 1px rgba(0,0,0,.04)}.chat{display:block;margin:auto!important;width:30%;padding-bottom:10px;padding-top:10px}.enter-chat{display:block;width:7rem;cursor:pointer;border-radius:5rem;color:#fff;background:linear-gradient(90deg,#9c27b0,#e040fb);border:0;padding:.85rem;margin-left:0}.enter-chat-message{font-size:1.45rem;font-family:"Poppins",sans-serif;font-weight:1000}#landing-submit{cursor:pointer;border-radius:5em;color:#fff;background:linear-gradient(90deg,#9c27b0,#e040fb);border:0;font-family:"Ubuntu",sans-serif;font-size:13px;box-shadow:0 0 20px 1px rgba(0,0,0,.04);-webkit-align-items:center;align-items:center;margin-left:22%}.sign-up-link{font-size:1rem}.sign-up-link,a{text-shadow:0 0 3px hsla(0,0%,45.9%,.12);color:#e1bee7}a{text-decoration:none}.question-input{width:calc(15rem + 5vw);color:#263238;font-size:14px;letter-spacing:1px;background:hsla(0,4%,51.4%,.04);padding:10px 20px;border:none;border-radius:20px;outline:none;box-sizing:border-box;border:2px solid rgba(0,0,0,.02);text-align:center;margin-bottom:27px}.question,.question-input{font-weight:700;font-family:"Ubuntu",sans-serif}.question{color:#8c55aa;font-size:18px;padding:20px auto auto}.rule{color:#8c55aa;font-family:"Ubuntu",sans-serif}.question-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;width:calc(15rem + 10vw);height:15rem;padding:0 30px}.modal-box,.question-box{background-color:#fff;margin:7em auto;border-radius:1.5em;box-shadow:0 11px 35px 2px rgba(0,0,0,.14)}.modal-box{width:90%;height:250px}.rules-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;width:calc(15rem + 10vw);padding:35px;margin:7em auto;border-radius:1.5em;box-shadow:0 11px 35px 2px rgba(0,0,0,.14);-webkit-align-items:center;align-items:center}.pre-next-buttons,.rules-box{-webkit-justify-content:center;justify-content:center}.pre-next-buttons{display:inline-block;text-align:center;width:100%}.previous{float:left;margin-left:50px}.next,.previous{display:inline-block;text-align:center;padding:10px}.next{float:right;margin-right:50px;width:30%}.next:active{top:2px}.next:after{content:"";position:absolute;z-index:-1;transition:all .3s}.profile-wrapper{background-color:rgba(255,241,214,.15);background-image:url(https://www.transparenttextures.com/patterns/light-aluminum.png);height:100vh;width:100vw;-webkit-justify-content:flex-start;justify-content:flex-start}.profile-container,.profile-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.profile-container{width:100%;height:calc(97vh - 2vw);-webkit-justify-content:space-between;justify-content:space-between;padding:2rem;overflow:hidden;overflow-y:scroll;background-color:hsla(0,0%,100%,.3);-ms-overflow-style:none;scrollbar-width:none}.profile-container::-webkit-scrollbar{display:none}.profile-header{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:900;font-size:2rem}.profile-name{color:#8c55aa;font-size:3rem;font-weight:900;text-shadow:2px 2px #c8c6a9}.svg{position:relative;width:150px;height:150px;z-index:1000;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#10f523}.svg circle{width:100%;height:100%;fill:none;stroke:#10fc66;stroke-width:10;stroke-linecap:round;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.activity-wrapper{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:75%;border:1px solid #000;background-color:#fff}.activity-card-list,.activity-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.activity-card-list{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.activity-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin:1rem;padding:1.5rem;background:#fff;height:calc(10rem + 2vw);width:calc(10rem + 2vw);text-align:center;box-shadow:0 6px 15px 2px rgba(193,220,250,.493);border:1px solid #000}.activity-card h3{letter-spacing:.06rem}.activity-value{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:2.5rem;height:80px;width:80px}.average-age{color:#03f}.average-time{color:#ff6f00}.stats-to-be-aware-of{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;margin-top:1rem}.stats-header{font-size:1.75rem}.activity-breakdown{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.activity-breakdown h2{padding:.5rem;-webkit-align-self:center;align-self:center}.breakdown-point{font-size:1.25rem;letter-spacing:.05rem;padding:1rem}.stats-to-be-aware-of h3{font-family:"Noto Sans TC",sans-serif}.stat-card-container{-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:2rem}.stat-card,.stat-card-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.stat-card{-webkit-flex-direction:column;flex-direction:column;background:#fff;-webkit-flex-basis:15rem;flex-basis:15rem;-webkit-flex-grow:0;flex-grow:0;height:calc(13rem + 3vw);width:calc(13rem + 3vw);border-radius:1.5em;box-shadow:0 7px 20px 2px rgba(0,0,0,.14);padding:1rem;line-height:4rem;letter-spacing:.05rem;font-size:1.5rem;margin:.5rem}.stat-card h3{font-weight:1000;font-size:1.75rem}.stat-card p{line-height:1.5rem;letter-spacing:.07rem}.stat-card:focus,.stat-card:hover{box-shadow:.1em .5em .3em .1em #d900ff;-webkit-transform:translateY(-.45em);transform:translateY(-.45em)}.carousel-captions{color:red!important}.percentage-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:.5rem solid green;height:80px;width:80px;border-radius:50%}.percentage{font-size:1.75rem;font-weight:900}.average,.averages-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.average{-webkit-flex-direction:column;flex-direction:column}.profile-stats{border:solid;border-color:linear-gradient(90deg,#9c27b0,#e040fb)}#about{height:calc(100vh - 2rem - 2vw)}.discussion-helper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.topic-to-discuss{-webkit-align-self:center;align-self:center;font-size:1.25rem;font-family:"Poppins",sans-serif;font-weight:1000;margin-top:.5rem}.chat-component-wrapper,.discussion-helper-button-box{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.chat-component-wrapper{height:calc(100vh - 2rem - 2vw);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.chat-wrapper{width:100%;border:1px solid #000}.str-chat-channel,.str-chat__container,.str-chat__main-panel{height:100%;width:100%}@media screen and (max-width:610px){.chat-wrapper{width:100%;height:45rem;border:none}}@media screen and (min-width:1000px){.option-box{width:70rem}.profile-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:70rem;height:calc(97vh - 2vw);-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem}.chat-component-wrapper{width:70rem}.chat-wrapper{width:35rem}.str-chat-channel,.str-chat__container,.str-chat__main-panel{height:100%;width:100%}.stat-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#fff;height:12.43rem;width:12.43rem;border-radius:1.5em;box-shadow:0 11px 35px 2px rgba(0,0,0,.14);padding:1rem;line-height:1.8rem;letter-spacing:.05rem}}
/*# sourceMappingURL=main.189ce6a1.chunk.css.map */