body{background-color:grey;margin:0}*{box-sizing:border-box}html{font-family:noto sans JP,sans-serif}.expences{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}.ExpenceItem{align-items:center;background-color:#34495e;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.25);margin:1rem 0;padding:.5rem}.ExpenceItem,.Expencedes{display:flex;justify-content:space-between}.Expencedes{align-items:flex-end;flex:1 1;flex-direction:column;flex-flow:row;gap:1rem}.Expencecost{background-color:#30336b;border:1px solid #fff;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;padding:.5 rem}.ExpenceItem h2{color:#3a3a3a;color:#fff;float:left;font-size:20px;margin:0 1rem}@media (min-width:580px){.Expencedec{align-items:center;flex:1 1;flex-direction:row;justify-content:flex-start}.Expencecost,.Expencedec h2{font-size:1.25rem}.Expencecost{padding:.5rem 1.5rem}}.expencedate{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}.expencedate_month{font-size:.75rem;font-weight:700}.expencedate_year{font-size:.75rem}.expencedate_day{font-size:1.5rem;font-weight:700}.new-expence{background-color:#a892ee;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:2rem auto;max-width:95%;padding:1rem;text-align:center;width:50rem}.new-expence button{background-color:#40005d;border:1px solid #40005d;border-radius:12px;color:#fff;cursor:pointer;font:inherit;margin-right:1rem;padding:1rem 2rem}.new-expence button:active,.new-expence button:hover{background-color:#510674;border-color:#510674}.new-expence button.alternative{background-color:initial;border-color:transparent;color:#220131}.new-expence button.alternative:active,.new-expence button.alternative:hover{background-color:#ddb3f8}.new-expence_controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;text-align:left}.new-expence_controls label{display:block;font-weight:700;margin-bottom:.5rem}.new-expence_controls input{border:1px solid #ccc;border-radius:6px;font:inherit;max-width:100%;padding:.5rem;width:300px}.new-expence_actions{text-align:right}
/*# sourceMappingURL=main.58dffb9a.css.map*/