@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);.inc-exp-container{padding:10px;display:flex;justify-content:space-between;margin:5px 0}.inc-exp-container>div{flex:1 1;text-align:center}.green{color:#2ecc71}.red{color:#c0392b}.money-plus{color:#2ecc71}.money-minus,.money-plus{text-align:center;font-size:2rem}.money-minus{color:#c0392b}.income{padding-right:1rem}.transactions{display:flex}.list,.list-income{list-style-type:none;padding:0;width:50%;margin:0 1rem}.list-income li,.list li{background-color:#fff;box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;position:relative;padding:10px;margin:10px 0}.list-income li.plus{background-color:#2ecc71;color:#fff;border-radius:5px}.list li.minus{background-color:#c0392b;color:#fff;border-radius:5px}.delete-btn{cursor:pointer;background-color:#e74c3c;border:0;color:#fff;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);opacity:0;transition:opacity .3s ease}.delete-btn:focus{outline:0}.list-income li:hover .delete-btn,.list li:hover .delete-btn{opacity:1}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px}.btn,input[type=number],input[type=text]{display:block;font-size:16px;padding:10px;width:100%}.btn{cursor:pointer;background-color:#9c88ff;box-shadow:var(--box-shadow);color:#fff;border:0;margin:10px 0 30px;border-radius:5rem}.btn:focus{outline:0}.btn:hover{color:#9c88ff;background-color:#fff}form{justify-content:center;align-items:center;width:40%}:root{--box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}*{box-sizing:border-box}body{background-color:#f7f7f7;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:"Lato",sans-serif}.container{margin:30px auto;width:900px;display:flex;justify-content:space-between}h1{letter-spacing:1px;margin:0}.title{color:green;font:Impact,Charcoal,sans-serif}.title,h3{text-align:center}h3{padding-bottom:10px;margin:20px 0 10px}h4{margin:1rem 0;text-transform:uppercase;text-align:center}.balance{float:right;width:55%}.money{font-size:20px;letter-spacing:1px;margin:5px 0}label{display:inline-block;margin:10px 0}@media (max-width:600px){.container{margin:0 5rem;width:500px;align-items:center;flex-direction:column}.balance{align-items:center}.balance,form{width:70%}.delete-btn{opacity:1}}@media (min-width:600px){.balance{align-items:center}.balance,form{width:70%}.container{width:580px}}@media (min-width:750px){.container{width:700px}}
/*# sourceMappingURL=main.96500e31.chunk.css.map */