@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);*{box-sizing:border-box}html{font-family:Noto Sans JP,sans-serif}body{background-color:#3f3f3f;margin:0}.bj{align-items:center;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e);display:flex;font-family:Jost,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.main{background:red;background:url(https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38) no-repeat 50%/cover;border-radius:10px;box-shadow:5px 20px 50px #000;height:500px;overflow:hidden;width:350px}#chk{display:none}.signup{height:100%;position:relative;width:100%}.leb{color:#fff;cursor:pointer;display:flex;font-size:2.3em;font-weight:700;justify-content:center;margin:60px;transition:.5s ease-in-out}.inp{background:#e0dede;display:flex;height:30px;margin:20px auto;padding:10px}.but,.inp{border:none;border-radius:5px;justify-content:center;outline:none;width:60%}.but{background:#573b8a;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:700;height:40px;margin:20px auto 10px;transition:.2s ease-in}button:hover{background:#6d44b8}.login{background:#eee;border-radius:60%/10%;height:460px;-webkit-transform:translateY(-180px);transform:translateY(-180px);transition:.8s ease-in-out}.login label{color:#573b8a;-webkit-transform:scale(.6);transform:scale(.6)}#chk:checked~.login{-webkit-transform:translateY(-500px);transform:translateY(-500px)}#chk:checked~.login label{-webkit-transform:scale(1);transform:scale(1)}#chk:checked~.signup label{-webkit-transform:scale(.6);transform:scale(.6)}.loading-overlay{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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}.new-expense{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-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}.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;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;display:flex;height:10rem;justify-content:space-around;padding:1rem;text-align:center}.expenses{background-color:#1f1f1f;margin:2rem auto;max-width:95%;padding:1rem;width:50rem}
/*# sourceMappingURL=main.b33c5e1a.css.map*/