@import"https://fonts.googleapis.com/css2?family=Commissioner:wght@400;500;700&display=swap";html{scroll-behavior:smooth}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-thumb{background-color:#3cb4ac;border-radius:.6rem}::-webkit-scrollbar-thumb:hover{background-color:#147b74}::-webkit-scrollbar-track{background-color:rgba(128,128,128,.2)}body{box-sizing:border-box;margin:0;padding:0;font-family:"Commissioner",serif;font-size:16px;background-color:#f5f5f5}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);animation:smoth .5s;display:none}header{box-sizing:border-box;width:100%;height:40vh;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));padding:2rem 9rem}header picture{position:absolute;width:100%;z-index:-1;top:0;left:0}header picture img{width:100%}header .logo{margin-left:1.3rem;width:150px}header nav{display:flex;align-items:center;justify-content:space-between}header nav ul{display:flex;gap:2rem}header nav ul li{list-style:none}header nav ul li a{text-decoration:none;color:#fff;font-weight:500}header nav ul li a:hover{text-decoration:underline}header .menu-btn{display:none;position:absolute;right:6%;top:6%;border:none;background:none;cursor:pointer}header .menu-btn img{width:24px;height:22px}header .menu-btn .close-menu{width:26px;height:26px;display:none}header .menu-btn .show{display:block}main{width:100%;display:flex;align-items:center;flex-direction:column;gap:1.6rem;margin-bottom:4rem}.section-container{box-sizing:border-box;background-color:#fff;padding:3rem;width:100%;max-width:732px;min-height:auto;border-radius:.4rem;border:1px solid rgba(128,128,128,.15)}.bookmark{padding-top:0;text-align:center}.bookmark img{position:relative;top:-1.7rem}.bookmark h2{font-size:1.8rem;margin-top:-0.2rem}.bookmark p{font-size:1rem;color:#7a7a7a;margin-top:-0.4rem}.bookmark div{display:flex;align-items:center;justify-content:space-between;margin-top:3rem}.bookmark div button{border:none;font-family:"Commissioner",serif;font-weight:700;border-radius:2.2rem;font-size:1rem;padding-bottom:.2rem}.bookmark div button:nth-child(1){width:205px;height:56px;color:#fff;background-color:#3cb4ac}.bookmark div button:nth-child(1):hover{cursor:pointer;background-color:#147b74}.bookmark div .bookmark-btn{width:190px;display:flex;align-items:center;gap:1.05rem;padding:0;color:#7a7a7a;padding-bottom:.1rem}.bookmark div .bookmark-btn svg{width:56px;height:56px;display:flex;align-self:flex-start;position:static}.bookmark div .bookmark-btn svg circle{fill:#2f2f2f}.bookmark div .bookmark-btn svg path{fill:#b1b1b1}.bookmark div .bookmark-btn svg .path-active{fill:#fff}.bookmark div .bookmark-btn svg .circle-active{fill:#147b74}.bookmark div .bookmark-btn .default-bookmark-text{margin-left:.3rem}.bookmark div .bookmark-btn .active-bookmark-text{display:none;color:#147b74}.bookmark div .bookmark-btn .show{display:block}.bookmark div .bookmark-btn:hover{cursor:pointer;opacity:.8}.stats .stats-container{display:flex;justify-content:flex-start;gap:1rem}.stats .stats-container p{font-size:2.2rem;font-weight:700;margin:.4rem 0}.stats .stats-container span{color:#7a7a7a;font-size:1.05rem}.stats .stats-container .divider{border-right:2px solid rgba(128,128,128,.25)}.stats .stats-container .stats-nums{padding-right:1.8rem}.stats .stats-container div:nth-child(3),.stats .stats-container div:nth-child(5){padding:0 3.8rem 0 1.8rem}.stats .progress-bar{margin-top:2.4rem;width:100%;height:12px;background-color:rgba(128,128,128,.18);border-radius:1rem}.stats .progress-bar div{height:100%;width:80%;background-color:#3cb4ac;border-radius:inherit;animation:charge 5s}@keyframes charge{0%{width:0}100%{width:80%}}.about{padding-top:2rem}.about h2{margin-bottom:2rem}.about p{color:#7a7a7a;line-height:1.8rem}.about p:nth-child(3){margin-top:2rem}.about .reward-container{margin-top:1.6rem;padding:1rem 2rem;border:1.5px solid rgba(128,128,128,.45);border-radius:.5rem}.about .reward-container div{display:flex;align-items:center;justify-content:space-between}.about .reward-container div span{color:#3cb4ac;font-weight:500}.about .reward-container p{margin:.2rem 0}.about .reward-container .reward div h2{font-size:2.2rem;margin:1.5rem 0 1rem 0}.about .reward-container .reward div span{color:#7a7a7a;margin-left:.7rem}.about .reward-container .reward button{margin:1.5rem 0 1rem 0;border:none;font-family:"Commissioner",serif;font-weight:700;border-radius:2.2rem;font-size:.9rem;width:164px;height:50px;color:#fff;background-color:#3cb4ac}.about .reward-container .reward button:hover{cursor:pointer;background-color:#147b74}.about .bamboo{margin-top:2.8rem}.about .out{position:relative}.about .out .overlay-out{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.6);top:0;right:0;border-radius:inherit}.about .out .occult{display:none}.about .out .reward button{background-color:rgba(128,128,128,.9)}.about .out:hover{cursor:not-allowed}.modal{position:fixed;z-index:1;overflow:auto;top:0;height:100%;top:-400%;opacity:0;transition:all .4s}.modal svg{position:absolute;width:18px;height:18px;top:4%;right:4.6%;scale:1.35;fill:#000;opacity:.4}.modal svg:hover{cursor:pointer;opacity:1}.modal h3{max-width:220px;font-size:1.1rem}.modal h3:hover{cursor:pointer;color:#3cb4ac}.modal h2{font-size:1.1rem;height:.38rem}.modal p{margin-top:-1rem}.modal .reward-container{position:relative;padding:1rem 2rem 2rem 4.5rem}.modal .reward-container input[type=radio]{position:absolute;width:24px;height:24px;accent-color:#147b74;left:3.4%;top:18.8%;cursor:pointer}.modal .reward-container p{font-size:.92rem}.modal .reward-container .header-modal div:nth-child(1){gap:1.2rem}.modal .reward-container .header-modal div:nth-child(2){gap:.5rem}.modal .reward-container .header-modal div:nth-child(2) span{color:#7a7a7a}.modal .reward-container .pledge-container{position:absolute;width:100%;height:40%;right:0;left:0;bottom:0;margin-top:1.6rem;display:flex;justify-content:space-around;gap:5rem;border-top:2px solid rgba(128,128,128,.25)}.modal .reward-container .pledge-container p{font-size:1.05rem}.modal .reward-container .pledge-container label{position:relative}.modal .reward-container .pledge-container label:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:20px;background:url(../images/us-dollar.png) center/contain no-repeat}.modal .reward-container .pledge-container input[type=number]::-webkit-inner-spin-button,.modal .reward-container .pledge-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal .reward-container .pledge-container input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.modal .reward-container .pledge-container input[type=number]{margin-right:1rem;width:94px;height:50px;border:2px solid rgba(128,128,128,.25);border-radius:2.6rem;font-size:1.3rem;font-weight:700;color:#000;letter-spacing:.03rem;text-align:center;padding-right:0rem;outline:none}.modal .reward-container .pledge-container input:focus{border:2px solid #3cb4ac}.modal .reward-container .pledge-container button{border:none;font-family:"Commissioner",serif;font-weight:700;border-radius:2.6rem;font-size:1rem;width:120px;height:54px;color:#fff;background-color:#3cb4ac;padding-bottom:.2rem}.modal .reward-container .pledge-container button:hover{cursor:pointer;background-color:#147b74}.modal .reward-container .occult{visibility:hidden}.modal .reward-container .show{visibility:visible}.modal .active-pledge{border:2px solid #3cb4ac;padding:1rem 2rem 8rem 4.5rem;transition:all .18s}.modal .active-pledge input[type=radio]{left:3.4%;top:11.8%}.show-modal{top:0;opacity:1}.occult-modal{opacity:0;top:-400%}.modal-success{position:fixed;top:50%;left:50%;max-width:520px;text-align:center;line-height:1.7rem;transform:translate(-50%, -50%);display:none;animation:smoth .8s}@keyframes smoth{0%{opacity:0}100%{opacity:1}}.modal-success img{width:80px}.modal-success p{color:#7a7a7a}.modal-success button{margin-top:1rem;width:110px;height:54px;border:none;font-family:"Commissioner",serif;font-weight:700;border-radius:2.6rem;font-size:1rem;color:#fff;background-color:#3cb4ac;padding-bottom:.2rem}.modal-success button:hover{cursor:pointer;background-color:#147b74}footer{margin:.7rem 0;width:100%;display:flex;justify-content:center;font-size:1.1rem;letter-spacing:.05rem}footer a{margin-left:.2rem;color:#147b74}footer a:hover{color:#3cb4ac}.modal-success-active{display:block}@media(max-width: 830px){header{padding:2rem}header .logo{margin:0}main{width:auto;padding:0 2rem}.bookmark{margin-top:1rem}.stats{padding-top:2rem}.stats .stats-container{flex-direction:column;align-items:center;text-align:center}.stats .stats-container .stats-nums{padding:0}.stats .stats-container div:nth-child(3),.stats .stats-container div:nth-child(5){padding:0}.stats .stats-container .divider{margin-top:.7rem;border-bottom:2px solid rgba(128,128,128,.25);width:6rem}}@media(max-width: 760px){.modal .reward-container input[type=radio]{left:3.4%;top:16%}.modal .active-pledge input[type=radio]{left:3.4%;top:10.5%}}@media(max-width: 670px){.modal p{padding-top:.5rem}.modal .reward-container input[type=radio]{left:3.4%;top:13%}.modal .reward-container .header-modal div:nth-child(1){gap:.5rem;flex-direction:column;align-items:flex-start}.modal .reward-container .header-modal div:nth-child(1) h3{margin:0}.modal .reward-container .pledge-container{flex-direction:column;justify-content:center;gap:.4rem}.modal .active-pledge input[type=radio]{left:3.4%;top:5%}}@media(max-width: 600px){main{padding:0 1.6rem}header nav ul{padding:1rem 0;width:90%;height:160px;position:absolute;justify-content:center;top:15%;left:0;right:0;margin:0 auto;flex-direction:column;background-color:#fff;border-radius:.6rem;z-index:2;gap:1.2rem;transition:all .4s;left:-400%}header nav ul li a{color:#000;font-size:1.2rem;margin-left:1.8rem}header nav ul .nav-divider{width:100%;height:0;border-bottom:1px solid rgba(128,128,128,.18)}header nav .active-ul{left:0}header .menu-btn{display:block}.section-container{padding:1.8rem 1.8rem 2.6rem;border-radius:.6rem}.bookmark{padding:1.8rem 1rem}.bookmark img{top:-3.5rem}.bookmark h2{margin-top:-1.5rem}.bookmark p{line-height:1.8rem;margin:0}.bookmark div{justify-content:space-evenly;gap:.6rem;margin-top:2rem}.bookmark div .bookmark-btn{width:auto;gap:0rem;font-size:0px}.bookmark div .bookmark-btn span{display:none}.about .reward-container{padding:1rem 1.5rem}.about .reward-container div{display:block;margin-bottom:1.4rem}.about .reward-container div h3{margin-bottom:.6rem}.about .reward-container .reward{display:block;margin:0}.about .reward-container .reward div{margin:0;padding-top:1rem}.about .reward-container .reward div h2,.about .reward-container .reward div span{display:inline-block;margin:0}.about .reward-container .reward div span{margin-left:.8rem}.modal svg{top:5%;right:5%}.modal .no-reward input[type=radio]{left:3.4%;top:9%}.modal .no-reward .pledge-container{max-height:120px}.modal .reward-container{padding:1rem 1.5rem}.modal .reward-container .header-modal{display:flex;margin:0}.modal .reward-container .header-modal div:nth-child(1){margin-left:2.5rem;gap:.5rem}.modal .reward-container .header-modal div:nth-child(1) h3{margin:.4rem 0}.modal .reward-container .header-modal .reward{margin:.8rem 0 0 2.5rem;display:flex}.modal .reward-container .header-modal .reward h2{margin:0;height:1.45rem}.modal .reward-container .pledge-container{margin:0;height:36%}.modal .reward-container .pledge-container div{margin-bottom:.5rem}.modal .active-pledge{padding:1.5rem 1.5rem 10rem 1.5rem}.modal .active-pledge input[type=radio]{left:3.4%;top:8%}}@media(max-width: 425px){.modal svg{top:5%;right:5%}.modal .reward-container input[type=radio]{left:3.4%;top:9%}.modal .header-modal{flex-direction:column}.modal .header-modal div:nth-child(1){align-self:flex-start;margin:0;gap:.5rem}.modal .header-modal div:nth-child(1) h3{margin:.4rem 0}.modal .header-modal .reward{align-self:flex-start}.modal .active-pledge{padding:1rem 1.5rem 12rem 1.5rem}.modal .active-pledge input[type=radio]{left:3.4%;top:5%}}@media(max-width: 380px){.modal .reward-container .pledge-container div{display:flex;flex-direction:column;gap:.4rem}.modal .reward-container .pledge-container div input[type=text]{margin:0}.modal .reward-container input[type=radio]{left:3.4%;top:9%}.modal .active-pledge{padding:1rem 1.5rem 14rem 1.5rem}.modal .active-pledge input[type=radio]{left:3.4%;top:6%}}.show{display:block}.occult{display:none}