@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);:root{--box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}*{box-sizing:border-box}body{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;margin:0;min-height:100vh}.container{margin:30px auto;width:350px}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;margin:40px 0 10px;padding-bottom:10px}h4{margin:0;text-transform:uppercase}.inc-exp-container{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin:20px 0;padding:20px}.inc-exp-container>div{flex:1 1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:#2ecc71}.money.minus{color:#c0392b}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.btn,input[type=number],input[type=text]{display:block;font-size:16px;padding:10px;width:100%}.btn{background-color:#9c88ff;border:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#fff;cursor:pointer;margin:10px 0 30px}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;margin-bottom:40px;padding:0}.list li{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;margin:10px 0;padding:10px;position:relative}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.delete-btn{background-color:#e74c3c;border:0;color:#fff;cursor:pointer;font-size:20px;left:0;line-height:20px;opacity:0;padding:2px 5px;position:absolute;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}@media (max-width:320px){.container{width:300px}}
/*# sourceMappingURL=main.1f29f90f.css.map*/