@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Lato",sans-serif;background:#f7f7f7;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:20px}h1,h2,h3,h4,h5,h6{letter-spacing:1px}h3{padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #bbb}.container{margin:30px auto;width:350px}.header{font-size:30px;color:#9c87fd}.balance h4{font-size:20px;margin-bottom:10px}.balance h1{font-size:20px;color:rgb(183 120 43)}.inc-exp-container{width:100%;background:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;margin:20px 0 40px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.inc-exp-container>div{-webkit-flex:1 1;flex:1 1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;margin:5px 0}.income{color:#60cc71}.expense{color:#c93a2b}.list{list-style-type:none;margin-bottom:40px}.list li{background-color:#fff;color:#333;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;margin:10px 0;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.list li.minus{border-right:5px solid red}.list li.plus{border-right:5px solid #60cc71}.delete-btn{background-color:transparent;color:#9c87fd;position:absolute;left:0;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);padding:2px 5px;border:0;font-size:17px;opacity:0;cursor:pointer}.delete-btn:focus{outline:none}.list li:hover .delete-btn{opacity:1}label{display:block;margin:20px 0 10px}input[type=number],input[type=text]{width:100%;border:1px solid #dedede;padding:10px;font-size:16px}input[type=number]:focus,input[type=text]:focus{outline:1px solid #9c87fd}.btn{width:100%;background-color:#9c87fd;color:#fff;border:none;border-radius:2px;padding:10px;margin:10px 0 30px;cursor:pointer;font-size:16px;letter-spacing:.5px}.btn:focus{outline:none;opacity:.8}
/*# sourceMappingURL=main.5e98a857.chunk.css.map */