@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes leftAndOut{0%{display:block;opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}30%{opacity:1}70%{opacity:.8}to{opacity:0;display:none}}@keyframes leftAndOut{0%{display:block;opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}30%{opacity:1}70%{opacity:.8}to{opacity:0;display:none}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body,html{width:100%;height:100%}body{box-sizing:border-box;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;background:#fdfdfd}.dashbar{width:100%;display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:2% 5%;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#2be1d8),to(#8ac1f6));background:-webkit-linear-gradient(left,#2be1d8,#8ac1f6);background:linear-gradient(90deg,#2be1d8,#8ac1f6);border-radius:3px;box-shadow:3px 5px 8px -1px rgba(45,45,45,.15);-webkit-animation:moveInTop .4s ease-out backwards;animation:moveInTop .4s ease-out backwards}@media screen and (min-width:700px){.dashbar{flex-direction:row}}.dashbar__secondary{display:flex}.dashbar__title{letter-spacing:1px;margin-bottom:.5rem}.dashbar__container{margin:0 .5rem;padding:1rem;-webkit-animation:moveInRight .7s ease-out backwards;animation:moveInRight .7s ease-out backwards}.dashbar__amount{font-size:1.6rem;margin-bottom:.5rem;max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:800px){.dashbar__amount{max-width:100%}}.dashbar__date{font-size:1.1rem}.navbar{background:#fff;width:100%;box-shadow:0 4px 2px -2px rgba(45,45,45,.1);height:5.2rem}.navbar__container{width:100%;background:none;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.navbar__logo{display:flex;align-items:center;cursor:pointer}.navbar__logo,.navbar__logo:link,.navbar__logo:visited{text-decoration:none;color:#2d2d2d}.navbar__image{width:4rem}.navbar__name{font-size:2.2rem;align-self:flex-end;margin:0 1rem}.btn{min-width:11rem;min-height:3.6rem;font-family:Lato,sans-serif;color:#fff;font-size:1.8rem;text-align:center;text-decoration:none;background:-webkit-gradient(linear,left top,right top,from(#2be1d8),to(#8ac1f6));background:-webkit-linear-gradient(left,#2be1d8,#8ac1f6);background:linear-gradient(90deg,#2be1d8,#8ac1f6);padding:.5rem;border-radius:3px;box-shadow:3px 5px 8px -1px rgba(45,45,45,.15);border:none;cursor:pointer}.btn--alt{color:#2d2d2d;font-weight:400;background:none;border:1px solid rgba(45,45,45,.5)}.btn--solid{width:12rem;background:#6eeae4}.input-wrapper{display:flex;flex-direction:column;position:relative;margin:.5rem 0}.label{font-size:1.6rem;color:#2d2d2d;font-weight:400;line-height:1.5}.tooltip{font-weight:400;font-size:1.2rem;color:#6f6f6f}.general-input{width:100%;height:3.6rem;padding:0 1rem;border:1px solid #c6c6c6;border-radius:3px;box-shadow:3px 1px 8px -1px rgba(45,45,45,.1);font-family:Lato,sans-serif;font-size:1.6rem;background-color:#fff;margin-bottom:1.5rem}.general-input:active,.general-input:focus{outline-color:#2be1d8}.input-error{font-size:1.3rem;color:red;font-weight:400;position:absolute;bottom:-.5rem}.select{color:#2d2d2d;font-weight:400;box-shadow:0 2px 2px -1px rgba(45,45,45,.15);background-color:#fff;border:none;border-radius:3px;padding:1rem;font-size:1.4rem;outline-color:#2be1d8}.checkbox-wrapper{margin-bottom:1.5rem}.checkbox-wrapper div{color:#2d2d2d;font-size:1.4rem;line-height:3;font-weight:700}.checkbox-wrapper a,.checkbox-wrapper a:link,.checkbox-wrapper a:visited{color:#2be1d8;text-decoration:none;border-bottom:1px solid #2be1d8}.checkbox{height:0;width:0;padding:0;margin:0 .5rem 0 0;vertical-align:bottom;top:-1px;position:absolute;opacity:0;cursor:pointer;overflow:hidden}.custom-checkbox{height:2rem;width:2rem;position:absolute;top:0;left:0;background-color:transparent;border:1px solid #6f6f6f}.custom-checkbox:after{content:"";position:absolute;display:none}.checkbox-label{font-size:1.4rem;color:#6f6f6f;display:block;position:relative;padding-left:2.5rem;cursor:pointer}.checkbox-label:hover .checkbox~span,.checkbox-label>.checkbox:checked~span{background-color:#2be1d8}.checkbox-label>.checkbox:checked~.custom-checkbox:after{display:block}.checkbox-label>.custom-checkbox:after{left:.6rem;top:.2rem;width:.7rem;height:1.2rem;border:1px solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.form-wrapper{align-items:center;margin:0 auto;position:relative}.form,.form-wrapper{display:flex;flex-direction:column;width:95%}.form{max-width:32rem;justify-content:center}.animate-left{-webkit-animation:moveInLeft .3s ease-out backwards;animation:moveInLeft .3s ease-out backwards}.animate-right{-webkit-animation:moveInRight .3s ease-out backwards;animation:moveInRight .3s ease-out backwards}.fieldset{display:flex;flex-direction:column;border:none;margin:3rem 0}.legend{margin:0 auto 2rem 0;color:#2be1d8;text-transform:uppercase;text-align:center;font-size:2.8rem;font-weight:300}.form-alternate{font-size:1.6rem;text-align:center;margin:2rem 0}.alternate-text{text-decoration:underline;color:#2be1d8;cursor:pointer;border:none;background:none;font-size:1.6rem}.form-message{position:absolute;left:5%;width:90%;height:100vh;z-index:2;background:#fff;margin-top:.3rem}.form-message__container{display:flex;justify-content:center;flex-direction:column;margin:5rem auto;width:100%;max-width:32rem}.form-message *{margin-bottom:2rem}.form-message__heading{color:#2d2d2d;font-size:2rem;display:flex;flex-direction:column;text-align:center;font-weight:400;line-height:2}.list-item{margin:1.5rem 0;box-shadow:3px 5px 8px -1px rgba(71,71,71,.1);padding:1.5rem 1rem;border-radius:3px;background-color:#fff;-webkit-animation:moveInTop .5s ease-out backwards;animation:moveInTop .5s ease-out backwards;position:relative}.list-item__inner{display:flex;justify-content:space-between;font-size:1.4rem;font-weight:700}.list-item__inner>*{width:25%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__circle{position:absolute}@media screen and (min-width:1024px){.list-item__circle{width:1rem;height:1rem;background:red;right:0;border-radius:50%;margin-top:.4rem;margin-right:1rem}}.expense-container__options{margin:1rem 0;display:flex;justify-content:space-between;-webkit-animation:moveInLeft .35s ease-out backwards;animation:moveInLeft .35s ease-out backwards}@media screen and (min-width:1024px){.expense-container__options{-webkit-animation:moveInTop .35s ease-out backwards;animation:moveInTop .35s ease-out backwards}}.expense-container__content{margin:2rem 0}.expense-container__list-header{display:flex;justify-content:space-between;font-size:1.4rem;font-weight:700;color:#2be1d8;padding:1rem;-webkit-animation:moveInLeft .4s ease-out backwards;animation:moveInLeft .4s ease-out backwards}@media screen and (min-width:1024px){.expense-container__list-header{-webkit-animation:moveInTop .4s ease-out backwards;animation:moveInTop .4s ease-out backwards}}.expense-container__list-header p{width:25%}.expense-container__list{list-style-type:none}.expense-container__navigation{display:flex;justify-content:space-between}@media screen and (min-width:1024px){.addExpense-container{-webkit-animation:moveInRight .5s ease-out backwards;animation:moveInRight .5s ease-out backwards}}.addExpense-container__options{margin:1rem 0;display:flex;justify-content:space-between}.addExpense-container__fieldset{border:none;display:flex;flex-direction:column}.addExpense-container__legend{font-size:1.8rem;font-weight:500;text-align:center;text-transform:uppercase;color:#2be1d8}.addExpense-container__actions{display:flex;justify-content:center;margin:1.5rem 0}.addExpense-container__form-half{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}@media screen and (min-width:1024px){.addExpense-container__form-half{flex-direction:row;width:80%}}@media screen and (min-width:1024px){.addExpense-container__form-one,.addExpense-container__form-two{width:40%}}.addExpense-container__form-three{width:100%}.addExpense-container__form-three textarea{width:100%;max-width:100%;color:#2d2d2d;font-weight:400;border:1px solid #e0e0e0;box-shadow:2px 3px 8px rgba(45,45,45,.1);outline-color:#2be1d8;background-color:#fff;border-radius:3px;padding:1rem;font-size:1.4rem}@media screen and (min-width:1024px){.addExpense-container__form-three{width:80%;margin:0 auto}}.addExpense-datepicker{margin:1.5rem 0}.react-datepicker-wrapper{width:100%;border:none;box-shadow:0 2px 2px -1px rgba(45,45,45,.2)}.react-datepicker__input-container{width:100%;border:none}.react-datepicker__input-container input{width:100%;padding:1rem;border:none;outline-color:#2be1d8;border-radius:3px}.react-datepicker{font-size:1.3rem!important}.react-datepicker__header{background-color:#2be1d8!important;padding-top:6px!important}.react-datepicker__current-month{font-size:1.5rem!important;color:#fff!important}.react-datepicker__navigation{top:13px!important}.react-datepicker__navigation--next{border-left-color:#fff}.react-datepicker__navigation--previous{border-right-color:#fff}.react-datepicker__day-name{margin:.5rem!important;color:#fff}.react-datepicker__day{margin:.5rem!important}.react-datepicker__day:hover{background:#2be1d8;color:#fff}.react-datepicker__day--selected{background:#2be1d8}.react-datepicker__day--selected:hover{background:#1bbeb6}.overview-container{width:100%;min-width:30rem;background:#fff;border-radius:3px;box-shadow:3px 5px 8px -1px rgba(45,45,45,.15);padding:2rem;-webkit-animation:moveInLeft .3s ease-out backwards;animation:moveInLeft .3s ease-out backwards}@media screen and (min-width:1024px){.overview-container{-webkit-animation:moveInLeft .4s ease-out backwards;animation:moveInLeft .4s ease-out backwards}}.overview-container__heading{margin-bottom:1rem}.overview-container__list{list-style-type:none;height:80%;display:flex;flex-direction:column;justify-content:space-between}.overview-container__list-item{font-weight:600;font-size:1.3rem;display:flex;justify-content:space-between;margin-bottom:1rem;-webkit-animation:moveInTop .5s ease-out backwards;animation:moveInTop .5s ease-out backwards}.overview-container__list-item:first-of-type{font-size:1.5rem;color:#2be1d8}.vertical-bar{width:2px}.horizontal-bar,.vertical-bar{background-color:hsla(0,0%,100%,.3)}.horizontal-bar{width:100%;height:2px}.bar-animate-down{-webkit-animation:moveInTop .7s ease-out backwards;animation:moveInTop .7s ease-out backwards}.universalMessage{position:fixed;left:50%;top:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:50rem;height:10%;max-height:5rem;z-index:100;border-radius:3px;box-shadow:3px 5px 8px -1px rgba(43,225,216,.1);display:flex;justify-content:center;align-items:center;-webkit-animation:leftAndOut 3s ease-out forwards;animation:leftAndOut 3s ease-out forwards;padding:0 1.5rem}.universalMessage p{color:#fff;font-size:1.9rem;font-weight:600;letter-spacing:1px;text-align:center}.success{background:-webkit-gradient(linear,left top,right bottom,from(#85f2c0),to(#77f1b9));background:-webkit-linear-gradient(top left,#85f2c0,#77f1b9);background:linear-gradient(to bottom right,#85f2c0,#77f1b9)}.failure{background:-webkit-gradient(linear,left top,right bottom,from(#ff9191),to(#ff5e5e));background:-webkit-linear-gradient(top left,#ff9191,#ff5e5e);background:linear-gradient(to bottom right,#ff9191,#ff5e5e)}.expenseChart{background:#fff;margin:1rem 0;border-radius:3px;width:100%}.header{width:100%;height:100vh;position:relative;background:-webkit-gradient(linear,left top,right top,from(#2be1d8),to(#8ac1f6));background:-webkit-linear-gradient(left,#2be1d8,#8ac1f6);background:linear-gradient(90deg,#2be1d8,#8ac1f6)}.dashboard{padding:2rem 5%;background:#fdfdfd}.dashboard__chart-container{width:100%}.dashboard__main-content{display:flex;flex-direction:column;margin:1rem 0}@media screen and (min-width:1024px){.dashboard__main-content{flex-direction:row}}@media screen and (min-width:1024px){.dashboard__main-content--right{width:100%;margin-left:2rem}}
/*# sourceMappingURL=main.69eb8234.chunk.css.map */