body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}html{height:100vh;color:#fff;background-color:#2b2929}.app-container,.goal-container{padding:0!important}#date-picker{width:195px!important}#progress-circle-BG{position:relative!important;z-index:10}#progress-circle{position:absolute!important;left:calc(50vw - 40px);z-index:1}#savings-msg{scroll-margin:3em}html{box-sizing:border-box;font-size:16px;padding:0;margin:0}*,:after,:before{box-sizing:inherit}blockquote,body,div,figcaption,figure,h1,h2,h3,h4,h5,h6,ol,p,section,ul{margin:0;padding:0}ol,ul{list-style:none}html{height:100%}body,html{min-height:100vh}body{background-color:#141717;color:#cdd1cc;max-width:100vw;overflow-x:hidden}.app-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}.button{background-color:#0ab377;border:1px solid #088f60;border-radius:5rem;color:#0f1111;cursor:pointer;font-size:1.2rem;min-width:50%;margin:1rem;padding:.25rem 1rem;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.button:hover{background-color:#0dd48e;color:#070808}.button:disabled{background-color:rgba(13,212,142,.5137254901960784);box-shadow:none;color:rgba(7,8,8,.5019607843137255);cursor:not-allowed}a{color:#0dd48e}a:active,a:hover{color:#098f60}.nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f1111;height:2rem;width:100vw;padding:.25rem 1rem}.nav a{font-size:1.5rem;text-decoration:none}.nav button{background-color:inherit;border:none;color:#088f60;cursor:pointer;font-size:1.25rem}.nav button:hover{color:#0dc081}.demo-msg-container{position:absolute;top:3rem;background-color:#222626;border:1px solid #0ab377;border-radius:1em;color:#cdd1cc;min-height:auto;max-width:500px;margin:1rem auto;padding:1rem 2rem;text-align:center;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25);z-index:10}.minimized-demo{position:absolute;top:2.5rem;right:2.5rem}.demo-info-icon{cursor:pointer;fill:#0ab377;height:2rem;width:2rem}.demo-info-icon:hover{fill:#0dc283;height:2.1rem;width:2.1rem}.close-demo-btn,.open-demo-btn{position:absolute;top:.4em;right:.4em;cursor:pointer;fill:#6e6d6e;height:1.3em;width:1.3em}.close-demo-btn:hover,.open-demo-btn:hover{fill:#858585;height:1.4em;width:1.4em}.demo-btn{background-color:inherit;color:#0ab377;cursor:pointer;border:1px solid #088f60;border-radius:5px;font-size:1.2rem;padding:.25rem 1rem;margin-top:1rem;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.demo-btn:hover{color:#0eda92;border:1px solid #0aaf75}@media screen and (max-width:500px){.demo-msg-container{max-width:90%;padding:1rem 2rem}.minimized-demo{position:absolute;top:5rem;right:2.5rem}}.user-forms{display:flex;flex-direction:column;justify-content:space-around;background-color:#222626;border-radius:.5em;color:#cdd1cc;min-height:350px;padding:2rem 1.5rem;margin-bottom:calc(50vh - 175px);box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.user-forms h1,.user-forms p{text-align:center}.form-spinner{fill:#0ab377;margin:auto;height:2rem;width:2rem;-webkit-animation:spinner 2s linear infinite;animation:spinner 2s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-msg{color:#b20a0d}.landing-msg{align-items:center;color:#0ab377;font-size:2.5rem;height:calc(80vh - 3rem);padding:1rem;text-align:center}.landing-form,.landing-msg{display:flex;justify-content:space-around}.landing-form{flex-direction:column;background-color:#222626;border-radius:.5em;color:#cdd1cc;min-height:500px;margin:5rem auto;padding:2rem 1.5rem;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.landing-form h2{color:#0ab377;text-align:center}.landing-input-container{display:flex;flex-direction:column}@media screen and (max-width:500px){.start-instructions{padding:.5rem 0;text-align:center;width:90%}}.loading-tracker-container{display:flex;flex-direction:column;justify-content:center;background-color:#0f1111;border-radius:.25rem;color:#0ab377;font-size:1.5rem;padding:2rem 1rem;margin-bottom:calc(50vh - 1rem - 64px);box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.tracker-spinner{fill:#0ab377;margin:auto;height:2.5rem;width:2.5rem;-webkit-animation:spinner 2s linear infinite;animation:spinner 2s linear infinite}.tracker-container{display:grid;grid-template-columns:fit-content(250px) 1fr fit-content(250px);grid-template-rows:100%;grid-template-areas:"nav display info";height:calc(100vh - 2rem);width:100vw;overflow:hidden}@media screen and (max-width:850px){.tracker-container{display:grid;grid-template-columns:100vw;grid-template-rows:auto auto auto;grid-template-areas:"nav" "display" "info";min-height:calc(100vh - 2rem);width:100vw;overflow:scroll}}@media screen and (max-width:500px){.tracker-container{display:grid;grid-template-columns:100vw;grid-template-rows:auto auto auto;grid-template-areas:"nav" "display" "info";min-height:calc(100vh - 2rem);width:100vw;overflow:scroll}}.tracker-nav-container{display:flex;flex-direction:column;border-right:1px solid #6e6d6e;width:100%;grid-area:nav}.tracker-nav{display:flex;flex-direction:column;flex-grow:0;margin-bottom:1rem}.tracker-nav-btn{background-color:inherit;border:none;border-right:5px solid #858585;border-bottom:1px solid #222626;color:#cdd1cc}.tracker-nav-btn,.tracker-nav-btn-active{cursor:pointer;font-size:1.3rem;width:100%;padding-top:.5rem;padding-bottom:.2rem}.tracker-nav-btn-active{background-color:#222626;border:none;border-right:5px solid #0ab377;border-bottom:1px solid #0aaf75;color:#a3a7a2}.motivational-quote{display:flex;justify-content:center;align-items:center;flex-grow:0;background-color:#222626;border-radius:.2rem;padding:1rem;margin:auto 1rem;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.motivational-quote blockquote{width:100%}.quote{margin-bottom:1rem}.author{text-align:center}@media screen and (max-width:850px){.tracker-nav-container{border:none}.tracker-nav{flex-direction:row;width:100vw}.tracker-nav-btn{border-right:none;border-bottom:1px solid #222626}.tracker-nav-btn-active{background-color:inherit;border-right:none;border-bottom:2px solid #0aaf75}}.tracker-display-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;max-height:calc(100vh - 2rem);grid-area:display}.goal-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;max-height:100%;width:100%;overflow-y:scroll}.goal-container::-webkit-scrollbar{width:.5em;background-color:#222626;border-radius:3px}.goal-container::-webkit-scrollbar-thumb{max-height:5rem;background:#0ab377;cursor:pointer}.goal-container::-webkit-scrollbar-thumb:hover{background:#07724c}.goal-form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#222626;max-width:250px;margin:1rem auto;padding:1rem;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.goal-form-wrapper{width:100%}.goal-card{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;background-color:#222626;border-radius:.2rem;margin:1rem auto;padding:1rem;min-height:100px;max-height:125px;width:300px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}.progress-circle{height:4rem;width:4rem}.check-mark,.star-button{fill:#0ab377;height:4rem;width:4rem}.star-button,.trash-button{cursor:pointer}.trash-button{fill:#6e6d6e}.goal-card-error{color:#b20a0d;width:270px}.completed-container{display:flex;flex-direction:column;justify-content:space-around;min-height:100vh;width:100%;padding:0 1rem;text-align:center}.completed-text{color:#0ab377;font-size:1.2rem}.completed-list{overflow-y:scroll}.completed-list::-webkit-scrollbar{width:.5em;height:5rem;background-color:#222626;border-radius:3px}.completed-list::-webkit-scrollbar-thumb{background:#0ab377;cursor:pointer}.completed-list::-webkit-scrollbar-thumb:hover{background:#07724c}@media screen and (max-width:850px){.tracker-display-container{height:100%;min-height:auto;max-height:100%;grid-area:display;overflow-y:visible}.milestone-container{flex-direction:column;flex-wrap:nowrap}.milestone-container,.personal-container{min-height:100%;padding:2rem 0}.completed-container{display:flex;flex-direction:column;justify-content:space-around;min-height:100%;width:100%;padding:2rem 1rem;text-align:center}}.tracker-info-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-left:1px solid #6e6d6e}.info-form{margin:2rem 0}.info-totals{display:flex;flex-direction:column;text-align:center;width:100%}.info-totals p{display:inline;border-top:1px solid #222626;border-bottom:2px solid #222626;font-size:1.3rem;padding:1rem;margin-top:.5rem}.info-spent{color:#b20a0d}.info-balance{color:#0ab377}.edit-form{display:flex;flex-direction:column;background-color:#222626;border-radius:.5em;color:#cdd1cc;margin:0 auto;padding:2rem 1rem;width:90%;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25)}@media screen and (max-width:850px){.tracker-info-container{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-left:none;padding:2rem 0}}.footer{color:#6e6d6e}
/*# sourceMappingURL=main.191a1a8e.chunk.css.map */