*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background:#222;font-family:sans-serif}.header{align-items:center;background:#333;box-shadow:0 0 10px rgba(0,0,0,.3);color:#999;display:flex;height:9rem;margin-bottom:2rem}.container{margin:auto;width:80%}.new-expense__controls{grid-gap:1rem;background:#333;border-radius:3rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:auto auto 4rem;padding:3rem 2rem 2rem;width:80%}.new-expense__control{display:flex;flex-direction:column;gap:.5rem;margin:auto}.new-expense__control label{color:#777;font-size:1.7rem;margin:0 1rem 0 0}.new-expense__control input{border:none;border-bottom:5px solid #064485;border-radius:1rem;height:3rem;outline:none;padding:0 2rem;width:25rem}.btn-container{align-items:flex-end;display:flex;gap:1rem;justify-content:center}.btn{border:none;border-radius:1rem;color:#fff;cursor:pointer;display:inline-block;padding:1rem 2rem;transition:.3s}.btn-blue{background-color:#095cb2;border-bottom:5px solid #043870}.btn-blue:hover{background-color:#064485;border-bottom:5px solid #03264c}.btn-dark{background-color:#222;border-bottom:5px solid #111}.btn-dark:hover{background-color:#111;border-bottom:5px solid #000}.show-form{align-items:center;background-color:#333;border-radius:2rem;display:flex;justify-content:center;margin:auto auto 2rem;padding:2rem 0;width:80%}.chart{background-color:#095cb27d;border-radius:12px;display:flex;height:13rem;justify-content:space-around;margin-bottom:1rem;padding:1rem;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:#006ffe;border:1px solid #003171;border-radius:12px;justify-content:flex-end;overflow:hidden;width:2rem}.chart-bar__fill{background-color:#003171;transition:all .3s ease-out;width:100%}.chart-bar__label{font-weight:700;text-align:center}.flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.filter__title{color:#111;font-size:1.5rem;font-weight:500}.select{background:#222;color:#777;outline:none;padding:1rem 2rem}.empty-message{color:#777;font-size:2rem;font-style:italic;font-weight:100;letter-spacing:-.3px;text-align:center}.list-container{padding:2rem;width:80%}.list,.list-container{background:#333;border-radius:3rem;margin:auto}.list{display:flex;flex-direction:column;gap:1rem}.list-item{align-items:center;background:#222;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.4);display:flex;justify-content:space-between;padding:1.5rem 2rem}.list-item-date{background-color:#111;border:1px solid #fff;border-radius:1rem;margin:0 2rem 0 0;padding:.5rem;text-align:center;width:70px}.month{margin-bottom:.7rem}.month,.year{color:#aaa;font-size:1.5rem}.year{margin-bottom:.5rem}.day{color:#fff;font-size:2rem}.list-item-box{align-items:center;display:flex;flex:1 1;justify-content:space-between}.list-item__title{color:#fff;font-size:2rem;font-weight:400}.list-item__price{background-color:#043870;border:1px solid #fff;border-radius:1rem;color:#fff;font-size:1.5rem;padding:1rem 2rem}@media (max-width:820px){.new-expense__control,.new-expense__control input{width:100%}.btn{left:1rem;margin:auto;text-align:center;width:90%}}@media (max-width:500px){html{font-size:56.5%}.new-expense__controls{display:flex;flex-direction:column;gap:1rem;width:95%}.list-container,.show-form{width:95%}}@media (max-width:400px){html{font-size:50%}.new-expense__controls{width:95%}}@media (min-width:1200px){.new-expense__controls{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}
/*# sourceMappingURL=main.f16658b3.css.map*/