@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&family=Roboto&display=swap);*{box-sizing:border-box}html{font-family:"PT Sans Narrow",sans-serif;font-size:62.5%}body{margin:0;background-color:#f8961e}.expenses{padding:1rem;background-color:#1f1f1f;margin:2rem auto;width:80rem;max-width:95%}.card{box-shadow:1rem 1rem 2rem rgba(0,0,0,.15),-1rem -1rem 2rem hsla(0,0%,100%,.15);border-radius:1rem}.expenses-filter{color:#fff;padding:0 1rem;font-size:2rem;font-weight:700}.expenses-filter__control{display:flex;width:100%;align-items:center;justify-content:space-between;margin:1rem 0}.expenses-filter label{font-weight:700;margin-bottom:.5rem}.expenses-filter select{font:inherit;padding:.5rem 3rem;font-weight:700;border-radius:6px}.no-items{color:#f9c74f;font-size:2rem;text-align:center;font-weight:700}.list{padding:0}.container{font-size:1.5rem;margin:2rem;background-color:#f8961e;padding:1rem;color:#f0f8ff;color:#000;font-weight:700}.flex{justify-content:space-between}.flex,.items{display:flex;align-items:center}.items{padding:1rem;flex-direction:column}.container .date,.items .price{font-size:2rem}.items .price{font-weight:700;color:#fff;background-color:#43aa8b;padding:.5rem;box-shadow:inset 1rem 1rem 2rem rgba(0,0,0,.1),inset -1rem -1rem 2rem hsla(0,0%,100%,.1);border-radius:.5rem}@media only screen and (min-width:696px){.items{flex-direction:row;flex:1 1}.items h2{margin-right:2rem;flex:2 1}}.date{list-style:none;border-radius:1rem;padding:2rem;text-align:center;background-color:#43aa8b;color:#fff;box-shadow:inset 1rem 1rem 2rem rgba(0,0,0,.15),inset -1rem -1rem 2rem hsla(0,0%,100%,.15);width:15rem}.date-month,.date-year{font-size:2rem}.date .date-day{font-size:3.5rem}.chart-bar{align-items:center}.chart-bar,.chart-bar-inner{height:100%;display:flex;flex-direction:column}.chart-bar-inner{width:100%;border:1px solid #313131;border-radius:12px;background-color:rgba(87,117,144,.5019607843137255);overflow:hidden;justify-content:flex-end}.chart-bar-fill{background-color:#277da1;width:100%;transition:all .3s ease-out}.chart-bar-label{font-weight:700;font-size:1rem;text-align:center}.chart{margin:1.5rem 1rem;padding:1rem;border-radius:1rem;background-color:#f9c74f;text-align:center;display:flex;justify-content:space-around;height:10rem}.form-container{width:100%;font-size:2.5rem;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2rem}.form-container label{font-weight:700;display:block;text-align:left}.form-element{display:flex;flex-direction:column;margin:.5rem}.form-container input{text-align:left;border-radius:.2rem;border:.05rem solid #000;width:20rem;max-width:100%;padding:.5rem}.form-container .btn{width:20rem;background-color:#f9c74f}.cancel-btn,.form-container .btn{margin-top:2rem;font-size:1.6rem;padding:1rem;border-radius:.5rem;border:none;font-weight:700;box-shadow:inset 1rem 1rem 2rem rgba(0,0,0,.1),inset -1rem -1rem 2rem hsla(0,0%,100%,.1)}.cancel-btn{margin-left:1rem;color:#fff;background-color:#f94144}.add-expense-btn{font-size:1.6rem;padding:1rem;border-radius:.5rem;border:none;width:20rem;background-color:#f9c74f;font-weight:700;box-shadow:inset 1rem 1rem 2rem rgba(0,0,0,.1),inset -1rem -1rem 2rem hsla(0,0%,100%,.1)}.add-expense-btn,.cancel-btn,.form-container .btn:hover{cursor:pointer}@media only screen and (min-width:696px){.form-element{flex-basis:40%}.form-container{justify-content:space-around}.button-element{flex-direction:row}}.new-expenses{background-color:#43aa8b;padding:1rem;margin:4rem auto;width:90rem;max-width:95%;text-align:center}
/*# sourceMappingURL=main.9a909e95.chunk.css.map */