body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-continer{height:100vh;justify-content:space-between}.flex,.login-continer{align-items:center;display:flex;width:100vw}.flex{flex-direction:column;justify-content:flex-start}.paragraph{line-height:30px;text-align:left;width:50vw}.centerAndPadding,.paragraph{justify-content:center;padding:10px}.centerAndPadding{text-align:center}.login-form{background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:column;height:100vh;justify-items:center;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-form h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{font-weight:700}.form-group input{border:1px solid #ccc;border-radius:3px;padding:5px}button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.logoImage{height:100px;width:100px}.new-expense{background-color:#a892ee;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:5rem auto 2rem;max-width:95%;padding:1rem;text-align:center;width:50rem}.new-expense button{background-color:#40005d;border:1px solid #40005d;border-radius:12px;color:#fff;cursor:pointer;font:inherit;margin-right:1rem;padding:1rem 2rem}.new-expense button:active,.new-expense button:hover{background-color:#510674;border-color:#510674}.new-expense button.alternative{background-color:initial;border-color:transparent;color:#220131}.new-expense button.alternative:active,.new-expense button.alternative:hover{background-color:#ddb3f8}.new-expense__controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;text-align:left}.new-expense__control label{display:block;font-weight:700;margin-bottom:.5rem}.new-expense__control input{border:1px solid #ccc;border-radius:6px;font:inherit;max-width:100%;padding:.5rem;width:20rem}.new-expense__actions{text-align:right}.button-50{-webkit-appearance:button;appearance:button;background-color:#000;background-image:none;border:1px solid #000;border-radius:4px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 1px #000;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:ITCAvantGardeStd-Bk,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;max-width:100%;overflow:visible;padding:.5rem;text-align:center;text-transform:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:20rem}.button-50:focus,.button-50:hover{text-decoration:none}.button-50:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.button-50:not([disabled]):active{box-shadow:2px 2px 0 0 #fff,2px 2px 0 1px #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}@media (min-width:768px){.button-50{padding:12px 50px}}.padding{padding:10px}*{box-sizing:border-box}.topnav{background-color:#e9e9e9;display:flex;justify-content:space-between;overflow:hidden;position:fixed;top:0;width:100%}.about,.contact,.home,.sign-out{color:#000;display:block;float:left;font-size:17px;padding:14px 16px;text-align:center;text-decoration:none}.about:hover,.contact:hover,.home:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#2196f3;color:#fff}.sign-out{background-color:#ff3f3f}.sign-out:hover{background-color:#fe0000}.flexRow{display:flex}.userImg{height:50px;width:50px}.topnav .login-container{padding:5px}.userName{font-weight:700;padding-right:5px}@media screen and (max-width:600px){.topnav .login-container{float:none}.topnav .login-container button,.topnav a,.topnav input[type=text]{display:block;float:none;margin:0;padding:14px;text-align:left;width:100%}}.card{border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.25)}.expenses-filter{color:#fff;padding:0 1rem}.expenses-filter__control{align-items:center;display:flex;justify-content:space-between;margin:1rem 0;width:100%}.expenses-filter label{font-weight:700;margin-bottom:.5rem}.expenses-filter select{border-radius:6px;font:inherit;font-weight:700;padding:.5rem 3rem}.expense-date{align-items:center;background-color:#2a2a2a;border:1px solid #ececec;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:5.5rem;justify-content:center;width:5.5rem}.expense-date__month{font-size:.75rem;font-weight:700}.expense-date__year{font-size:.75rem}.expense-date__day{font-size:1.5rem;font-weight:700}.expense-item{align-items:center;background-color:#4b4b4b;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;justify-content:space-between;margin:1rem 0;padding:.5rem}.expense-item__description{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;flex-flow:column-reverse;gap:1rem;justify-content:flex-start}.expense-item h2{color:#3a3a3a;color:#fff;flex:1 1;font-size:1rem;margin:0 1rem}.expense-item__price{background-color:#40005d;border:1px solid #fff;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;padding:.5rem}@media (min-width:580px){.expense-item__description{align-items:center;flex:1 1;flex-direction:row;justify-content:flex-start}.expense-item__description h2{font-size:1.25rem}.expense-item__price{font-size:1.25rem;padding:.5rem 1.5rem}}.expenses-list{list-style:none;padding:0}.expenses-list__fallback{color:#fff;text-align:center}.chart-bar{align-items:center}.chart-bar,.chart-bar__inner{display:flex;flex-direction:column;height:100%}.chart-bar__inner{background-color:#c3b4f3;border:1px solid #313131;border-radius:12px;justify-content:flex-end;overflow:hidden;width:100%}.chart-bar__fill{background-color:#4826b9;transition:all .3s ease-out;width:100%}.chart-bar__label{font-size:.5rem;font-weight:700;text-align:center}.chart{background-color:#f8dfff;border-radius:12px;height:10rem;justify-content:space-around;text-align:center}.chart,.expenses{display:flex;padding:1rem}.expenses{background-color:#1f1f1f;flex-direction:column;height:30rem;margin:2rem auto;max-width:95%;overflow-y:auto;width:50rem}.noItemMessage{color:#fff;font-size:20px;text-align:center}.listStyle{list-style:none;padding:0}
/*# sourceMappingURL=main.ab2e27f5.css.map*/