.header{color:#fff;width:100%;background:linear-gradient(0deg,#1b6453 0,#649c66);border-radius:0 0 45px 45px;padding-top:35px;padding-bottom:40px;box-shadow:0 5px 25px rgba(0,0,0,.15)}.header .back{color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:-10px;padding-bottom:10px;font-size:14px;background:transparent;border:none}.header .back .arrow{width:13px;margin-right:8px}.header .navigation-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.header .navigation-container .info{width:32px}@media screen and (min-width:1250px){.header .heading.large{font-size:44px}.header .heading span.small{font-size:24px}.header .back{font-size:20px;cursor:pointer}.header .back .arrow{width:15px;cursor:pointer}}.overview .overview-grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-bottom:-20px}.overview .topic{position:relative;width:calc(50% - 20px);background:#fff;margin-right:20px;margin-bottom:20px;padding-bottom:calc(50% - 20px);box-shadow:0 2px 15px rgba(50,50,50,.15);border-radius:16px}.overview .topic.done{opacity:.7}.overview .inner{position:absolute;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;text-align:center;line-height:1.3;padding:10px}.overview .icon{height:60px;margin-bottom:5px;padding:2px}.overview .title{font-weight:700;font-size:16px;margin-top:10px}@media screen and (min-width:1250px){.overview .overview-grid{margin-right:-60px}.overview .heading.medium{font-size:34px}.overview .topic{width:calc(25% - 60px);margin-right:60px;margin-bottom:60px;padding-bottom:calc(25% - 60px)}.overview .icon{height:70px}.overview .title{font-size:18px}}.avatar{width:100px;height:100px;border:7px solid #649c66;border-radius:50%;position:relative;transition:.3s ease}.avatar .icon{height:87px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.avatar.large{width:110px;height:110px}@media screen and (min-width:1250px){.avatar{width:130px;height:130px;border:8px solid #649c66;overflow:hidden}.avatar .icon{height:90%}.avatar.large{width:200px;height:200px}}.profile-section{padding:0 30px}.profile-section .avatar-large{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:30px}.profile-section .heading{text-align:center}.profile-section .profile-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;margin-top:25px}.profile-section .profile-container .avatar{margin-bottom:25px;cursor:pointer}@media screen and (min-width:1250px){.profile-section .heading.medium{font-size:34px}.profile-section .profile-container{margin-right:-90px}.profile-section .profile-container .avatar{height:0;margin-right:90px;width:calc(33.33% - 90px);padding-bottom:calc(33.33% - 106px)}}.stats-section{padding:0}.stats-section .avatar-large{margin-top:30px}.stats-section .avatar-large,.stats-section .stats-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.stats-section .stats-container{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-bottom:-50px}.stats-section .progress-container{width:calc(50% - 20px);margin-right:20px;margin-bottom:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.stats-section .progress-container h3{text-align:center;margin-top:10px}@media screen and (min-width:1250px){.stats-section .stats-container{margin-right:-20px}.stats-section .heading.medium{font-size:34px}.stats-section .progress-container{width:calc(25% - 20px)}.stats-section .progress-container h3{font-size:24px}}.progress{position:relative;height:110px;width:110px}.progress path{stroke-width:8;stroke-linecap:round;stroke:url(#gradient);fill:none}.progress circle{fill:none;stroke:#f2f2f2;stroke-width:8}.progress svg,.progress svg path{width:inherit;height:inherit}.progress .percent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;font-size:24px;width:100%;text-align:center;font-weight:700}@media screen and (min-width:1250px){.progress{width:130px;height:130px}.progress .percent{font-size:28px}}.nav{width:100%;height:80px;background:linear-gradient(0deg,#1b6453 0,#649c66);border-radius:30px 30px 0 0;position:fixed;left:0;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 80px;z-index:40}.nav .nav-icon{width:20px;height:25px}.nav .nav-item{-webkit-transform:translateY(0);transform:translateY(0);display:block;position:relative}.nav .nav-item:before{display:block;width:100%;height:2px;background:#fff;content:" ";transition:.3s ease;-webkit-transform:scaleX(0);transform:scaleX(0);position:absolute;left:0;bottom:-5px;border-radius:1px}.nav .nav-item.active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav .nav-item.active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}@media screen and (min-width:1250px){.nav{width:auto;height:100vh;border-radius:0 30px 30px 0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;padding:100px 0 0}.nav .nav-item{margin-bottom:60px;padding-left:40px;padding-right:40px;line-height:1}.nav .nav-item:before{left:0;top:0;width:5px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.nav .nav-item.active{-webkit-transform:none;transform:none}.nav .nav-item.active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}}.task{width:100%;height:80px;background:#fff;margin-bottom:20px;box-shadow:0 2px 15px rgba(50,50,50,.15);border-radius:25px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 30px;cursor:pointer}.task .title{-webkit-flex-grow:1;flex-grow:1;padding:30px 0}.task .checkbox{width:30px;height:30px;position:relative;z-index:0;margin-right:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.task .checkbox.checked:after{background:transparent}.task .checkbox:before{background:linear-gradient(0deg,#1b6453 0,#649c66);border-radius:10px;z-index:-2}.task .checkbox:after,.task .checkbox:before{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.task .checkbox:after{border-radius:10px;transition:.3s ease;z-index:1;background:#fff;border:3px solid transparent;background-clip:padding-box}@media screen and (min-width:1250px){.task{width:calc(50% - 50px);margin-right:50px;margin-bottom:50px}.task .title{font-size:24px}}.pop-over-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:200}.pop-over-container.closed .pop-over-background{opacity:0}.pop-over-container.closed .pop-over{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.pop-over-background{transition:.3s ease;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:50;background-color:#353535;opacity:.5;-webkit-animation:background .3s ease;animation:background .3s ease}@-webkit-keyframes background{0%{opacity:0}to{opacity:.5}}@keyframes background{0%{opacity:0}to{opacity:.5}}.pop-over{transition:.3s ease;width:100%;max-height:65vh;background:#fff9f5;border-radius:45px 45px 0 0;position:fixed;left:0;bottom:0;z-index:200;padding-top:60px;padding-bottom:80px;box-shadow:0 -5px 30px rgba(0,0,0,.1);overflow:auto;-webkit-animation:moveUp .3s ease;animation:moveUp .3s ease;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes moveUp{0%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes moveUp{0%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.pop-over .heading.medium{margin-top:0}.pop-over.pull:before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(0deg,#1b6453 0,#649c66);height:5px;width:80px;border-radius:15px;top:20px}@media screen and (min-width:960px){.pop-over{max-width:960px;height:500px}}.task-section .heading-container{display:-webkit-flex;display:flex;padding-top:20px;padding-bottom:30px}.task-section .heading-container .heading.small{padding-left:10px;font-size:20px}.task-section .task-container .completed{font-weight:700;font-size:18px}.task-section .accordion{margin:0 -10px;padding:0 10px}.task-section .accordion .task-container{transition:.3s ease;opacity:0;max-height:0;margin-top:-20px}.task-section .accordion .heading-container{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.task-section .accordion .heading-container img{transition:.3s ease}.task-section .accordion.open .task-container{opacity:1;max-height:2000px;margin-top:0}.task-section .accordion.open .heading-container img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (min-width:1250px){.task-section .heading.medium{font-size:34px}.task-section .heading-container img{cursor:pointer}.task-section .heading-container .heading.small{font-size:20px;cursor:pointer}.task-section .task-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-50px}.task-section .task-container .completed{font-weight:700;font-size:28px}}.introduction{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:100%;height:100vh;margin-bottom:-120px}.introduction .pop-over{height:auto;-webkit-animation:none;animation:none;border-radius:45px 45px 0 0;position:static;-webkit-transform:none;transform:none;max-height:none}.introduction .illustration{width:100%;-webkit-flex-grow:1;flex-grow:1;position:relative}.introduction .illustration img{position:absolute;top:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);width:100%;left:50%}.info-page{position:relative}.info-page .back{position:absolute;top:35px;left:30px;display:-webkit-flex;display:flex;z-index:10000;border:none;background:transparent;-webkit-align-items:center;align-items:center}.info-page .back img{height:24px;margin-right:8px}@media screen and (min-width:1250px){.info-page .back{font-size:20px}}.app-wrapper{width:100%;max-width:960px;margin:0 auto;padding-bottom:120px}body{font-family:"Roboto",sans-serif;font-size:18px;line-height:1.5;color:#4d4d4d;background:#fff9f5}*,body{margin:0;padding:0}*{box-sizing:border-box}.heading{font-weight:700;margin-top:0;line-height:1.1}.heading.medium{font-size:24px;margin-bottom:25px;margin-top:45px}.heading.large{font-size:34px;margin-bottom:15px}.heading.large .green{background:linear-gradient(0deg,#1b6453 0,#649c66);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heading.large .small{font-size:20px;font-weight:400;line-height:1.6;display:block}a{text-decoration:none;color:#4d4d4d}.button{display:inline-block;padding:14px 40px;font-weight:700;font-size:24px;background:linear-gradient(0deg,#1b6453 0,#649c66);border-radius:25px;color:#fff;box-shadow:0 2px 15px rgba(50,50,50,.15);margin-top:30px;-webkit-appearance:none;appearance:none;border:none;outline:none;cursor:pointer}.content-container{padding:0 40px}
/*# sourceMappingURL=main.0fef69a7.chunk.css.map */