@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}: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;flex:1 1;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:"Lato",sans-serif}.container{margin:30px auto;width:350px}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;padding-bottom:10px;margin:40px 0 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);padding:20px;display:flex;justify-content:space-between;margin:20px 0}.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;display:block;font-size:16px;padding:10px;width:100%}.btn{cursor:pointer;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;border:0;display:inline;font-weight:700;font-size:14px;margin:10px 0 30px;padding:10px;width:40%}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;padding:0;margin-bottom:40px}.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;position:relative;padding:10px;margin:10px 0}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.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}.list li:hover .delete-btn{opacity:1}
/*# sourceMappingURL=main.d771f375.chunk.css.map */