*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:#444;background-color:#f3f3f3;height:100vh;padding:2rem;font-family:Poppins,sans-serif}nav{justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.welcome{font-size:1.9rem;font-weight:500}.logo{height:5.25rem}.login{display:flex}.login__input{text-align:center;color:inherit;border:1px solid #fff;border-radius:10rem;width:12rem;margin-right:1rem;padding:.5rem 2rem;font-family:inherit;font-size:1.6rem;transition:all .3s}.login__input:focus{border:1px solid #ccc;outline:none}.login__input::placeholder{color:#bbb}.login__btn{color:inherit;cursor:pointer;background:0 0;border:none;font-size:2.2rem;transition:all .3s}.login__btn:hover,.login__btn:focus,.btn--sort:hover,.btn--sort:focus{color:#777;outline:none}.app{opacity:0;grid-template-rows:auto repeat(3,15rem) auto;grid-template-columns:4fr 3fr;gap:2rem;max-width:100rem;margin:4rem auto;transition:all 1s;display:grid;position:relative}.balance{grid-column:1/span 2;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.balance__label{margin-bottom:-.2rem;font-size:2.2rem;font-weight:500}.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{border-bottom:1px solid #eee;align-items:center;padding:2.25rem 4rem;display:flex}.movements__type{text-transform:uppercase;color:#fff;border-radius:10rem;margin-right:2rem;padding:.1rem 1rem;font-size:1.1rem;font-weight:500}.movements__date{text-transform:uppercase;color:#666;font-size:1.1rem;font-weight:500}.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{margin-left:auto;font-size:1.7rem}.summary{grid-row:5/6;align-items:baseline;margin-top:1rem;padding:0 .3rem;display:flex}.summary__label{text-transform:uppercase;margin-right:.8rem;font-size:1.2rem;font-weight:500}.summary__value{margin-right:2.5rem;font-size:2.2rem}.summary__value--in,.summary__value--interest{color:#66c873}.summary__value--out{color:#f5465d}.btn--sort{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.3rem;font-weight:500}.operation{color:#333;border-radius:1rem;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;margin-bottom:1.5rem;font-size:1.7rem;font-weight:600}.form{grid-template-rows:auto auto;grid-template-columns:2.5fr 2.5fr 1fr;gap:.4rem 1rem;display:grid}.form.form--loan{grid-template-columns:2.5fr 1fr 2.5fr}.form__label--loan{grid-row:2}.form__input{text-align:center;color:#333;background-color:#fff6;border:none;border-radius:.7rem;width:100%;padding:.3rem 1rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.form__input:focus{background-color:#fff9;outline:none}.form__label{text-align:center;font-size:1.3rem}.form__btn{cursor:pointer;background-color:#fff;border:none;border-radius:.7rem;font-size:1.8rem;transition:all .3s}.form__btn:focus{background-color:#fffc;outline:none}.logout-timer{text-align:right;margin-top:1.9rem;padding:0 .3rem;font-size:1.25rem}.timer{font-weight:600}
/*# sourceMappingURL=index.3cc264fb.css.map */