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}body{background-color:#414040;text-align:center}.form-container{display:flex;justify-content:center;margin:10px}.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:16rem}.new-expense__actions{box-shadow:0 1px 8px rgba(0,0,0,.25);margin:10px 5px;text-align:right}button{border-radius:5px;cursor:pointer;padding:10px}span{color:#f0f8ff}#expense-form{background-color:#646262;border:1px solid #789;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.25);width:443px}form{margin:20px}#date{margin-bottom:15px}#add-button{border:1px solid #789;box-shadow:0 1px 8px rgba(0,0,0,.25);height:50px;margin:20px;width:100px}@media (max-width:900px){#expense-form{border:1px solid #789;border-radius:10px;width:350px}}.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}.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}.expenses{background-color:#1f1f1f;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:2rem auto;max-width:95%;padding:1rem;width:50rem}@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}}@media (max-width:900px){#expense-form{border:1px solid #789;border-radius:10px;width:350px}.expenses{background-color:#1f1f1f;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:2rem auto;max-width:95%;padding:1rem;width:280px}}.progress{background:#9cbab4;border-radius:5px;height:150px;overflow:hidden;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:15px}.progress__fill{background:#009579;height:0%;transition:all .2s;width:100%}.progress__text{color:#fff;font:700 14px Quicksand,sans-serif;position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.summary--container{display:flex;gap:44px;justify-content:center}.month--container>h6{color:#f0f8ff;margin:0;padding:0}.month--container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;min-width:30px}.filter-container{background-color:#646262;border:1px solid #789;border-radius:50px;box-shadow:0 1px 8px rgba(0,0,0,.25);color:#f0f8ff;display:flex;justify-content:flex-end;margin:30px;padding:15px}label,select{border-radius:30px;padding:5px}label{color:#f0f8ff}.bars-wrapper{background-color:#646262;border:1px solid #789;border-radius:80px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:15px}@media (max-width:1200px){.summary--container{display:flex;gap:0;justify-content:space-evenly}.month--container{align-items:center;display:flex;flex-direction:column;margin:0;max-width:5px}.bars-wrapper{border:1px solid #789;border-left:none;border-radius:0;border-right:none;padding-bottom:20px;padding-top:20px}}@media (max-width:365px){.month--container{align-items:center;display:flex;flex-direction:column;margin:0;min-width:5px}}
/*# sourceMappingURL=main.aa168711.css.map*/