@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;padding:25px 0}.App{max-width:1000px;width:85vw}h1{text-align:center}.money-div,h1{padding-bottom:25px}.money-div{display:flex;flex-wrap:wrap;gap:2rem}.edit-budget,.remaining,.spend,.view-budget{align-items:center;border-radius:5px;display:flex;flex:1 1;font-size:18px;font-weight:500;padding:15px}.edit-budget{background-color:#e1e1e1;display:flex;justify-content:space-between}.edit-budget input{border-radius:5px;font-size:18px;max-width:200px;outline:none;padding:7px 10px;width:70%}.view-budget{background-color:#e1e1e1;display:flex;justify-content:space-between}.edit,.save{background-color:#0d6efd;border:1px solid #0d6efd;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:7px 10px}.remaining{background-color:#94eecc;color:#026843}.spend{background-color:#b6b8d6;color:#3a43bd}h2{font-size:30px;padding-bottom:20px}.expense-div input{border-radius:5px;font-size:18px;margin-bottom:25px;outline:none;padding:10px 15px;width:100%}.expense-list{display:flex;flex-direction:column-reverse;margin-bottom:25px;max-height:200px;overflow-y:scroll}.expense-item{align-items:center;border:1px solid #e1e1e1;display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:10px 15px}.expense-item .right{align-items:center;display:flex;gap:1.5rem;justify-content:center}.expense-item .right p{background-color:#0d6efd;border-radius:5px;color:#fff;font-size:16px;padding:5px 10px}.expense-item .right i{cursor:pointer;font-size:20px}.inputs{display:flex;gap:2rem;padding-bottom:20px}.input-div{display:flex;flex-direction:column}.input-div label{font-size:18px;font-weight:500;padding-bottom:10px}.input-div input{font-size:18px;min-width:300px;outline:none;padding:7px 10px}@media (max-width:900px){.App{width:95vw}.money-div{gap:10px;padding-bottom:30px}.input-div input{border:1px solid #a8a7a7}.expense-div input,.expense-list{margin-bottom:40px}.expense-list{max-height:300px}.edit-budget,.view-budget{flex:4 1}.remaining,.spend{flex:3 1}}@media (max-width:500px){.Addexpense,.inputs,.money-div{display:flex;flex-direction:column}.edit-budget,.remaining,.spend,.view-budget{width:100%}.Addexpense{margin-bottom:10px}.expense-item{display:flex;font-size:16px;gap:5px;padding:10px 5px}.expense-text{flex:6 1;word-break:break-all}.expense-item .right{flex:4 1;gap:5px}}
/*# sourceMappingURL=main.d2964427.css.map*/