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}.input-expense *{font-size:16px;width:100%}.input-expense{align-items:center;background:#282c34;border-radius:16px;display:flex;flex-direction:column;height:350px;margin-bottom:24px;padding:24px 5%;width:50%}.input-expense .currency{display:flex}.input-expense .currency .dollar{color:#66fcf1;font-size:36px;font-weight:700;margin-right:16px;width:auto}.input-expense .currency #input-amount{background:#282c34;border:0;border-bottom:1px solid #e3edf8;color:#e3edf8;font-size:36px;font-weight:700;height:50px}.input-expense .currency #input-amount::-webkit-inner-spin-button,.input-expense .currency #input-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-expense #input-date{color-scheme:dark}.input-expense #input-date,.input-expense select{background:#282c34;border:1px solid #e3edf8;border-radius:8px;color:#e3edf8;margin-top:16px;padding:8px;text-transform:uppercase}.input-expense select{height:40px}.input-expense select option{background:#282c34;color:#e3edf8;height:48px;padding:8px}.input-expense #input-desc{background:#282c34;border:1px solid #e3edf8;border-radius:8px;color:#e3edf8;margin-top:16px;padding:8px}.input-expense .error{color:#ff5722;font-size:12px;margin-top:-16px;position:relative;top:20px}.input-expense #add-expense-btn{background:#66fcf1;border-radius:8px;color:#282c34;cursor:pointer;font-weight:700;height:48px;margin-top:32px;padding:8px 16px;text-transform:uppercase}@media only screen and (max-width:1024px){.input-expense{padding:24px 60px;width:auto}}.total-expense{align-items:center;background:#282c34;border-radius:16px;color:#e3edf8;display:flex;flex-direction:column;height:150px;justify-content:center;margin:0 24px 24px 0;padding:16px;width:50%}.total-expense p{font-size:32px}.total-expense .total{color:#66fcf1;font-size:60px;font-weight:700}@media only screen and (min-width:769px)and (max-width:1290px){.total-expense p{font-size:24px}.total-expense .total{font-size:48px}}.max-expense{align-items:center;background:#282c34;border-radius:16px;color:#e3edf8;display:flex;flex-direction:column;height:150px;justify-content:center;margin-bottom:24px;padding:16px;width:50%}.max-expense p{font-size:32px}.max-expense .largest{color:#66fcf1;font-size:60px;font-weight:700}@media only screen and (min-width:769px)and (max-width:1290px){.max-expense p{font-size:23px}.max-expense .largest{font-size:48px}}.expense-graph{align-items:center;background:#282c34;border-radius:16px;display:flex;height:450px;justify-content:center;margin-top:-200px;padding:24px;position:relative;width:50%}.expense-graph .doughnut-container{height:450px;width:450px}.expense-graph .no-data{color:#66fcf1;font-size:16px;left:10%;position:absolute;width:300px}@media only screen and (max-width:1024px){.expense-graph{margin-top:24px;width:auto}}@media only screen and (min-width:1025px)and (max-width:1135px){.expense-graph .doughnut-container{height:400px;width:400px}.expense-graph .no-data{width:250px}}.expense-history{align-items:center;background:#282c34;border-radius:16px;color:#e3edf8;display:flex;flex-direction:column;height:250px;padding:24px 3%;width:50%}.expense-history table{margin-top:8px;width:100%}.expense-history table th{color:#66fcf1;font-size:20px;padding-bottom:16px;text-align:start;width:25%}.expense-history table td{font-family:monospace;font-size:20px;padding-bottom:4px;text-transform:capitalize}@media only screen and (max-width:1024px){.expense-history{padding:24px 5%;width:auto}}@media only screen and (min-width:1025px)and (max-width:1290px){.expense-history table td{font-size:15px;line-height:1.7}}.stats{display:flex;gap:24px}.expense-stats{display:flex;width:50%}@media only screen and (max-width:1024px){.stats{display:block}.expense-stats{width:auto}}*{box-sizing:border-box;font-family:system-ui;margin:0;padding:0}.App-header{background-color:#121418;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:44px 5%}
/*# sourceMappingURL=main.fc65b80e.css.map*/