@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Roboto+Slab:wght@100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{box-sizing:border-box;list-style:none;margin:0;padding:0}* button{background-color:inherit;border:none;cursor:pointer}:root{--color-white:#fff;--color-black:#000;--color-blue-950:#14172e;--color-blue-900:#161932;--color-blue-850:#1e213f;--color-blue-100:#d7e0ff;--color-blue-50:#eff1fa;--color-grey-400:#bbbdcb;--color-grey-200:#e4e2e2;--color-cyan-300:#70f3f8;--color-red-400:#f87070;--color-purple-400:#d881f8;--gradiant:linear-gradient(90deg,#2e325a,#0e112a);--spacing-0:0px;--spacing-100:8px;--spacing-200:16px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--spacing-700:56px;--spacing-800:64px;--spacing-1000:80px}.App{align-items:center;background-color:#1e213f;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App.kumbah{font-size:100px;font-size:80px;font-size:16px;font-weight:500;letter-spacing:-5px;letter-spacing:15px;letter-spacing:13px;line-height:125%}.App.kumbah,.App.kumbah header ul li{font-family:Kumbh Sans;font-size:14px;font-weight:700;line-height:120%}.App.kumbah header ul li{letter-spacing:0}@media(max-width:500px){.App.kumbah header ul li{font-family:Kumbh Sans;font-size:12px;font-weight:700;letter-spacing:0;line-height:125%}}@media(max-width:360px){.App.kumbah header ul li{font-size:10px}}.App.kumbah .reset,.App.kumbah .restart,.App.kumbah .resume,.App.kumbah .start{font-family:Kumbh Sans;font-size:16px;font-weight:700;letter-spacing:15px;line-height:125%;text-transform:uppercase}@media(max-width:530px){.App.kumbah .reset,.App.kumbah .restart,.App.kumbah .resume,.App.kumbah .start{font-family:Kumbh Sans;font-size:14px;font-weight:700;letter-spacing:13px;line-height:120%}}.App.kumbah .innerText{font-family:Kumbh Sans;font-size:100px;font-weight:500;letter-spacing:-5px;line-height:125%}@media(max-width:530px){.App.kumbah .innerText{font-family:Kumbh Sans;font-size:80px;font-weight:700;letter-spacing:-5px;line-height:125%}}@media(max-width:302px){.App.kumbah .innerText{font-size:60px}}.App.kumbah h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}@media(max-width:530px){.App.kumbah h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}}.App.kumbah h3{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}@media(max-width:530px){.App.kumbah h3{font-size:11px;font-weight:700;letter-spacing:4.23px;text-align:center}}.App.kumbah .timeContainer li label p{font-size:12px;font-weight:700;letter-spacing:0;line-height:125%}.App.kumbah .timeContainer li label input{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}.App.kumbah .inputContainer li label input{font-family:Kumbh Sans}.App.kumbah .applyBtn{font-family:Kumbh Sans;font-size:16px;font-weight:700;letter-spacing:15px;line-height:125%}.App.Roboto{font-size:100px;font-size:80px;font-size:16px;font-weight:500;letter-spacing:0;letter-spacing:15px;letter-spacing:13px;line-height:133%;line-height:125%}.App.Roboto,.App.Roboto header ul li{font-family:Roboto Slab;font-size:14px;font-weight:700;line-height:130%}.App.Roboto header ul li{letter-spacing:0}@media(max-width:500px){.App.Roboto header ul li{font-family:Roboto Slab;font-size:12px;font-weight:700;letter-spacing:0;line-height:133%}}@media(max-width:360px){.App.Roboto header ul li{font-size:10px}}.App.Roboto .reset,.App.Roboto .restart,.App.Roboto .resume,.App.Roboto .start{font-family:Roboto Slab;font-size:16px;font-weight:700;letter-spacing:15px;line-height:125%;text-transform:uppercase}@media(max-width:530px){.App.Roboto .reset,.App.Roboto .restart,.App.Roboto .resume,.App.Roboto .start{font-family:Roboto Slab;font-size:14px;font-weight:700;letter-spacing:13px;line-height:130%}}.App.Roboto .innerText{font-family:Roboto Slab;font-size:100px;font-weight:500;letter-spacing:0;line-height:130%}@media(max-width:530px){.App.Roboto .innerText{font-family:Roboto Slab;font-size:80px;font-weight:700;letter-spacing:0;line-height:133%}}@media(max-width:302px){.App.Roboto .innerText{font-size:60px}}.App.Roboto h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}@media(max-width:530px){.App.Roboto h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}}.App.Roboto h3{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}@media(max-width:530px){.App.Roboto h3{font-size:11px;font-weight:700;letter-spacing:4.23px;text-align:center}}.App.Roboto .timeContainer li label p{font-size:12px;font-weight:700;letter-spacing:0;line-height:125%}.App.Roboto .timeContainer li label input{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}.App.Roboto .inputContainer li label input{font-family:Roboto Slab}.App.Roboto .applyBtn{font-family:Roboto Slab;font-size:16px;font-weight:700;letter-spacing:15px;line-height:125%}.App.Space{font-size:100px;font-size:80px;font-size:16px;font-size:14px;font-weight:500;letter-spacing:-10px;letter-spacing:15px;letter-spacing:13px;line-height:120%;line-height:150%}.App.Space,.App.Space header ul li{font-family:Space Mono;font-weight:700}.App.Space header ul li{font-size:13px;letter-spacing:0;line-height:145%}@media(max-width:500px){.App.Space header ul li{font-family:Space Mono;font-size:12px;font-weight:700;letter-spacing:0;line-height:150%}}@media(max-width:360px){.App.Space header ul li{font-size:10px}}.App.Space .reset,.App.Space .restart,.App.Space .resume,.App.Space .start{font-family:Space Mono;font-size:16px;font-weight:700;letter-spacing:15px;line-height:150%;text-transform:uppercase}@media(max-width:530px){.App.Space .reset,.App.Space .restart,.App.Space .resume,.App.Space .start{font-family:Space Mono;font-size:14px;font-weight:700;letter-spacing:13px;line-height:150%}}.App.Space .innerText{font-family:Space Mono;font-size:100px;font-weight:500;letter-spacing:-10px;line-height:150%}@media(max-width:530px){.App.Space .innerText{font-family:Space Mono;font-size:80px;font-weight:700;letter-spacing:-10px;line-height:120%}}@media(max-width:302px){.App.Space .innerText{font-size:60px}}.App.Space h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}@media(max-width:530px){.App.Space h2{font-size:28px;font-weight:700;letter-spacing:0;line-height:125%}}.App.Space h3{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}@media(max-width:530px){.App.Space h3{font-size:11px;font-weight:700;letter-spacing:4.23px;text-align:center}}.App.Space .timeContainer li label p{font-size:12px;font-weight:700;letter-spacing:0;line-height:125%}.App.Space .timeContainer li label input{font-size:13px;font-weight:700;letter-spacing:5px;line-height:125%}.App.Space .applyBtn,.App.Space .inputContainer li label input{font-family:Space Mono}.App.Space .applyBtn{font-size:16px;font-weight:700;letter-spacing:15px;line-height:150%}.App.red{--main-color:#f87070}.App.cyan{--main-color:#70f3f8}.App.purple{--main-color:#d881f8}.App header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem;width:30%}@media(max-width:1230px){.App header{width:88%}}@media(max-width:360px){.App header{width:97%}}.App header h2{margin-bottom:3rem}.App header ul{align-items:center;background-color:#161932;background-color:var(--color-blue-900);border-radius:32px;display:flex;justify-content:center;padding:8px 10px;z-index:1}@media(max-width:530px){.App header ul{justify-content:space-between;width:100%}}.App header ul li{border-radius:26px;color:#d7e0ff;color:var(--color-blue-100);cursor:pointer;opacity:.4;padding:15px 22px;transition:all .2s ease-in}.App header ul li.active{background-color:var(--main-color);color:#1e213f;color:var(--color-blue-850);opacity:1}@media(max-width:530px){.App header ul li{padding:15px 18px}}.App main{margin-top:2.5rem}.App main .circleContainer{align-items:center;background:linear-gradient(270deg,#2e325a,#0e112a);border-radius:50%;box-shadow:-50px -50px 100px 0 #272c5a,50px 50px 100px 0 #121530;display:flex;flex-direction:column;height:410px;justify-content:center;width:410px}@media(max-width:530px){.App main .circleContainer{height:300px;margin-top:1rem;width:300px}}@media(max-width:302px){.App main .circleContainer{height:235px;width:235px}}.App main .circleContainer .circle{align-items:center;background-color:#161932;background-color:var(--color-blue-900);border-radius:50%;display:flex;flex-direction:column;height:366px;justify-content:center;position:relative;width:366px}@media(max-width:530px){.App main .circleContainer .circle{height:267.8px;width:267.8px}}@media(max-width:302px){.App main .circleContainer .circle{height:212px;width:212px}}.App main .circleContainer .circle .svgWrapper{inset:0;position:absolute;z-index:0}@media(max-width:530px){.App main .circleContainer .circle .svgWrapper{align-items:center;display:flex;justify-content:center}}.App main .circleContainer .circle .svgWrapper .progressCircle{transform:rotate(-90deg)}@media(max-width:530px){.App main .circleContainer .circle .svgWrapper .progressCircle{height:259.05px;width:259.05px}}@media(max-width:302px){.App main .circleContainer .circle .svgWrapper .progressCircle{height:205px;width:205px}}.App main .circleContainer .circle .svgWrapper circle{fill:none;transition:stroke-dashoffset .5s ease}.App main .circleContainer .circle .svgWrapper .bg{stroke:#161932;stroke:var(--color-blue-900)}.App main .circleContainer .circle .svgWrapper .progress{stroke:var(--main-color);transition:stroke-dashoffset .5s ease}.App main .circleContainer .circle .insideCircle{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:339px;justify-content:center;position:relative;transition:all .3s linear;transition:all .3s ease;width:339px}@media(max-width:530px){.App main .circleContainer .circle .insideCircle{height:300px;width:300px}}@media(max-width:302px){.App main .circleContainer .circle .insideCircle{height:225px;width:225px}}.App main .circleContainer .circle .insideCircle:before{transition:mask-image .6s ease,-webkit-mask-image .6s ease}.App main .circleContainer .circle .insideCircle .innerText{align-items:center;color:#d7e0ff;color:var(--color-blue-100);display:flex;font-weight:700;justify-content:center;text-align:center;width:246px}@media(max-width:302px){.App main .circleContainer .circle .insideCircle .innerText{width:auto}}.App main .circleContainer .circle .insideCircle button{color:#d7e0ff;color:var(--color-blue-100);margin-left:1rem;margin-top:8px;text-align:center;transition:all .2s ease;width:246px}@media(max-width:302px){.App main .circleContainer .circle .insideCircle button{font-size:10px;width:auto}}.App main .circleContainer .circle .insideCircle button:hover{color:var(--main-color)}.App main .circleContainer .circle .insideCircle button.showReset,.App main .circleContainer .circle .insideCircle button.showRestart,.App main .circleContainer .circle .insideCircle button.showResume,.App main .circleContainer .circle .insideCircle button.showStart{opacity:1;pointer-events:all;transform:scale(1);visibility:visible}.App main .circleContainer .circle .insideCircle button.hideReset,.App main .circleContainer .circle .insideCircle button.hideRestart,.App main .circleContainer .circle .insideCircle button.hideResume,.App main .circleContainer .circle .insideCircle button.hideStart{opacity:0;pointer-events:none;transform:scale(0);visibility:hidden}.App footer{margin:3rem 0 4rem}.App footer .hideImg{scale:0;transition:scale .1s ease}.App footer .showImg{cursor:pointer;scale:1}.App footer .overlay{align-items:center;background-color:#14172e;background-color:var(--color-blue-950);cursor:pointer;display:flex;inset:0;justify-content:center;opacity:1;pointer-events:all;position:fixed;transform:translateY(0);transition:all .4s ease;z-index:100}.App footer .overlay.hideSetting{opacity:0;pointer-events:none;transform:translateY(-1000px)}@media(max-width:530px){.App footer .overlay.showSetting{overflow:scroll}}.App footer .overlay .settingContainer{background-color:#fff;background-color:var(--color-white);border-radius:25px;cursor:auto;display:flex;flex-direction:column;max-width:540px;position:relative}@media(max-width:768px){.App footer .overlay .settingContainer{max-width:none;width:72%}}@media(max-width:530px){.App footer .overlay .settingContainer{scale:.96;width:88%}}.App footer .overlay .settingContainer .setting{align-items:center;border-bottom:1px solid #e4e2e2;border-bottom:1px solid var(--color-grey-200);display:flex;justify-content:space-between;padding:2rem 2.25rem}@media(max-width:530px){.App footer .overlay .settingContainer .setting{padding:18px 23px}}.App footer .overlay .settingContainer .setting img{cursor:pointer}.App footer .overlay .settingContainer .options{padding:2rem 2.25rem 2.5rem}@media(max-width:530px){.App footer .overlay .settingContainer .options{padding:16px 23px 32px}}.App footer .overlay .settingContainer .options .timeContainer{margin-bottom:24px}.App footer .overlay .settingContainer .options .timeContainer h3{margin-bottom:1rem}.App footer .overlay .settingContainer .options .timeContainer ul{align-items:center;display:flex;justify-content:space-between}@media(max-width:530px){.App footer .overlay .settingContainer .options .timeContainer ul{flex-direction:column}}.App footer .overlay .settingContainer .options .timeContainer ul li{display:flex;flex-direction:column;margin-right:24px}@media(max-width:530px){.App footer .overlay .settingContainer .options .timeContainer ul li{margin-bottom:8px;margin-right:0;width:100%}.App footer .overlay .settingContainer .options .timeContainer ul li:last-child{margin-bottom:0}}.App footer .overlay .settingContainer .options .timeContainer ul li:last-child{margin-right:0}@media(max-width:530px){.App footer .overlay .settingContainer .options .timeContainer ul li label{align-items:center;display:flex;flex-direction:row;justify-content:space-between}}.App footer .overlay .settingContainer .options .timeContainer ul li label p{color:#1e213f;color:var(--color-blue-850);margin-bottom:8px;opacity:.4}.App footer .overlay .settingContainer .options .timeContainer ul li label input{background-color:#eff1fa;background-color:var(--color-blue-50);border:none;border-radius:10px;color:#1e213f;color:var(--color-blue-850);outline:none;padding:1rem;width:100%}@media(max-width:530px){.App footer .overlay .settingContainer .options .timeContainer ul li label input{padding:12px 1rem;width:120px}}.App footer .overlay .settingContainer .options .timeContainer label{display:flex;flex-direction:column;position:relative}.App footer .overlay .settingContainer .options .timeContainer label input[type=number]::-webkit-inner-spin-button,.App footer .overlay .settingContainer .options .timeContainer label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.App footer .overlay .settingContainer .options .timeContainer label input[type=number]{-moz-appearance:textfield}.App footer .overlay .settingContainer .options .timeContainer label .arrowContainer{position:relative}.App footer .overlay .settingContainer .options .timeContainer label .arrows{display:flex;flex-direction:column;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.App footer .overlay .settingContainer .options .timeContainer label .arrows img{color:var(--color-gray-600);cursor:pointer;height:4px;transition:color .2s;width:12px}.App footer .overlay .settingContainer .options .timeContainer label .arrows img:first-child{margin-bottom:9px}.App footer .overlay .settingContainer .options .timeContainer label .arrows img:hover{color:#fff;color:var(--color-white)}.App footer .overlay .settingContainer .options .color,.App footer .overlay .settingContainer .options .font{align-items:center;display:flex;justify-content:space-between}@media(max-width:530px){.App footer .overlay .settingContainer .options .color,.App footer .overlay .settingContainer .options .font{flex-direction:column}.App footer .overlay .settingContainer .options .color h3,.App footer .overlay .settingContainer .options .font h3{margin-bottom:1rem}}.App footer .overlay .settingContainer .options .color ul,.App footer .overlay .settingContainer .options .font ul{align-items:center;display:flex;justify-content:center}.App footer .overlay .settingContainer .options .color ul li,.App footer .overlay .settingContainer .options .font ul li{align-items:center;background-color:#eff1fa;background-color:var(--color-blue-50);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:1rem;transition:all .3s ease;width:40px}.App footer .overlay .settingContainer .options .color ul li:last-child,.App footer .overlay .settingContainer .options .font ul li:last-child{margin:0}.App footer .overlay .settingContainer .options .color ul li:hover,.App footer .overlay .settingContainer .options .font ul li:hover{position:relative}.App footer .overlay .settingContainer .options .color ul li:hover:before,.App footer .overlay .settingContainer .options .font ul li:hover:before{border:1px solid #eff1fa;border:1px solid var(--color-blue-50);border-radius:50%;content:"";height:50px;position:absolute;width:50px}.App footer .overlay .settingContainer .options .font{border-bottom:1px solid #e4e2e2;border-bottom:1px solid var(--color-grey-200);border-top:1px solid #e4e2e2;border-top:1px solid var(--color-grey-200);padding:24px 0}.App footer .overlay .settingContainer .options .font li{background-color:#eff1fa;background-color:var(--color-blue-50)}.App footer .overlay .settingContainer .options .font li.active{background-color:#161932;background-color:var(--color-blue-900);color:#fff;color:var(--color-white)}.App footer .overlay .settingContainer .options .font li.kumbahFont{font-size:16px;font-weight:700;letter-spacing:0;line-height:145%}.App footer .overlay .settingContainer .options .font li.roboFont{font-size:16px;font-weight:400;letter-spacing:0;line-height:125%}.App footer .overlay .settingContainer .options .font li.spaceFont{font-size:16px;font-weight:700;letter-spacing:0;line-height:125%}.App footer .overlay .settingContainer .options .color{padding:24px 0}.App footer .overlay .settingContainer .options .color li{align-items:center;background-color:#eff1fa;background-color:var(--color-blue-50);display:flex;justify-content:center}.App footer .overlay .settingContainer .options .color li span{transition:all .2s ease}.App footer .overlay .settingContainer .options .color li span.checked{border-bottom:2px solid #161932;border-bottom:2px solid var(--color-blue-900);border-left:2px solid #161932;border-left:2px solid var(--color-blue-900);height:7px;margin-bottom:4px;opacity:1;transform:rotate(-45deg);width:12px}.App footer .overlay .settingContainer .options .color li span.unChecked{opacity:0;transform:rotate(115deg)}.App footer .overlay .settingContainer .options .color li.red{background-color:#f87070;background-color:var(--color-red-400)}.App footer .overlay .settingContainer .options .color li.cyan{background-color:#70f3f8;background-color:var(--color-cyan-300)}.App footer .overlay .settingContainer .options .color li.purple{background-color:#d881f8;background-color:var(--color-purple-400)}.App footer .overlay .settingContainer .applyBtn{align-self:center;background-color:var(--main-color);border-radius:26.5px;bottom:-25px;color:#fff;color:var(--color-white);letter-spacing:0;padding:1rem 3rem;position:absolute}@media(max-width:530px){.App footer .overlay .settingContainer .applyBtn{flex-direction:column}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.95a6997e.css.map*/