@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap";.header{display:flex;align-items:center;justify-content:space-around;margin-top:2rem;margin-bottom:2rem}.header__title{letter-spacing:2px}.header__balance{font-size:2rem;font-weight:400;padding:.7rem 2rem;background-color:var(--grey);color:var(--light);border-radius:15px;align-self:flex-start}.input form{display:flex;align-items:center;justify-content:space-around;width:60%;margin:0 auto}.input input{font-size:18px;padding:10px 15px;border:none;outline:none}input:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0 50px white inset}.input input[type=text]{border-radius:8px 0 0 8px;flex:1 1 100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input input[type=date]{border-radius:0;min-width:200px;margin-right:20px}.input input[type=submit]{border-radius:8px;cursor:pointer;margin-left:20px;color:var(--dark);font-weight:600;text-transform:uppercase;transition:.4s;background-color:var(--primary)}.input input[type=submit]:hover{color:#fff}.input label{font-size:18px;color:gray}.item{display:flex;width:60%;padding:.8rem 5rem;justify-content:space-between;border-bottom:2px solid var(--grey);position:relative}.item__delete{position:absolute;right:0;font-size:1rem;color:var(--alert);transition:.4s;text-transform:uppercase;display:none;margin-top:5px;cursor:pointer;font-family:inherit}.item{display:flex;width:70%;padding:.8rem 5rem;justify-content:space-between;margin:auto;border-bottom:2px solid var(--grey);position:relative}.item .income{color:green}.item .expense{color:red}.item__info{display:flex;align-items:center}.item__info p{padding-right:3rem;font-size:1.1rem}.item__title{font-size:1.2rem}.item__delete{position:absolute;right:20px;font-size:1rem;color:var(--alert);transition:.4s;text-transform:uppercase;display:none;margin-top:5px;cursor:pointer;font-family:inherit}:root{--light: #fffffc;--dark: #202c59;--grey: #4c5b5c;--primary: #ff7f11;--alert: #ff1e2d}*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:Nunito,sans-serif;color:var(--dark)}body{margin:0}input,button{border:none;outline:none;background:none}