@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#dad6d6;color:#444;font-family:Poppins,sans-serif;height:100vh;padding:2rem}nav{align-items:center;display:flex;justify-content:space-between;padding:0 2rem}.welcome{font-size:1.9rem;font-weight:500}.logo{height:5.25rem}.login{display:flex}.login__input{border:1px solid #fff;border-radius:10rem;color:inherit;font-family:inherit;font-size:1.6rem;margin-right:1rem;padding:.5rem 2rem;text-align:center;transition:all .3s;width:12rem}.login__input:focus{border:1px solid #ccc;outline:none}.login__input::placeholder{color:#bbb}.login__btn{background:none;border:none;color:inherit;cursor:pointer;font-size:2.2rem;transition:all .3s}.login__btn:focus,.login__btn:hover{color:#777;outline:none}.app{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:4fr 3fr;grid-template-rows:auto repeat(3,15rem) auto;margin:4rem auto;max-width:100rem;position:relative;transition:all 1s}.balance{align-items:flex-end;display:flex;grid-column:1/span 2;justify-content:space-between;margin-bottom:2rem}.balance__label{font-size:2.2rem;font-weight:500;margin-bottom:-.2rem}.balance__date{color:#888;font-size:1.4rem}.balance__value{font-size:4.5rem;font-weight:400}.movements{background-color:#fff;border-radius:1rem;grid-row:2/span 3;overflow:scroll}.movements__row{align-items:center;border-bottom:1px solid #eee;display:flex;padding:2.25rem 4rem}.movements__type{border-radius:10rem;color:#fff;margin-right:2rem;padding:.1rem 1rem}.movements__date,.movements__type{font-size:1.1rem;font-weight:500;text-transform:uppercase}.movements__date{color:#666}.movements__type--deposit{background-image:linear-gradient(to top left,#39b385,#9be15d)}.movements__type--withdrawal{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}.movements__value{font-size:1.7rem;margin-left:auto}.summary{align-items:baseline;display:flex;grid-row:5/6;margin-top:1rem;padding:0 .3rem}.summary__label{font-size:1.2rem;font-weight:500;margin-right:.8rem;text-transform:uppercase}.summary__value{font-size:2.2rem;margin-right:2.5rem}.summary__value--in,.summary__value--interest{color:#66c873}.summary__value--out{color:#f5465d}.btn--sort{background:none;border:none;cursor:pointer;font-size:1.3rem;font-weight:500;margin-left:auto}.operation{border-radius:1rem;color:#333;padding:3rem 4rem}.operation--transfer{background-image:linear-gradient(to top left,#ffb003,#ffcb03)}.operation--loan{background-image:linear-gradient(to top left,#39b385,#9be15d)}.operation--close{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}h2{color:#333;font-size:1.7rem;font-weight:600;margin-bottom:1.5rem}.form{grid-gap:.4rem 1rem;display:grid;gap:.4rem 1rem;grid-template-columns:2.5fr 2.5fr 1fr;grid-template-rows:auto auto}.form.form--loan{grid-template-columns:2.5fr 1fr 2.5fr}.form__label--loan{grid-row:2}.form__input{background-color:#fff6;border:none;border-radius:.7rem;color:#333;font-family:inherit;font-size:1.5rem;padding:.3rem 1rem;text-align:center;transition:all .3s;width:100%}.form__input:focus{background-color:#fff9;outline:none}.form__label{font-size:1.3rem;text-align:center}.form__btn{background-color:#fff;border:none;border-radius:.7rem;cursor:pointer;font-size:1.8rem;transition:all .3s}.form__btn:focus{background-color:#fffc;outline:none}.logout-timer{font-size:1.25rem;margin-top:1.9rem;padding:0 .3rem;text-align:right}.timer{font-weight:600}
/*# sourceMappingURL=main.a5eb7e51.css.map*/