@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{align-items:center;background-color:#f1f1f1;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh}.container{margin:30px auto;width:350px}h1{letter-spacing:1px;margin:0}h1,h2{text-align:center}h2{font-size:28px;font-weight:800}h3{border-bottom:1px solid #bbb;margin:40px 0 10px;padding-bottom:10px}h4{margin:0;text-align:center}.inc-exp-container{background-color:#fff;border-radius:50px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;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:#e74c3c}label{display:inline-block;font-size:15px;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%}.btnDiv,.newTransaction{display:flex}.btnDiv{margin-top:10px}.btn{border:0;border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#fff;cursor:pointer;display:block;font-size:16px;margin:2%;padding:10px;width:100%}.btn.expense{background-color:#e74c3c}.btn.income{background-color:#2ecc71}.btn:focus,.delete-btn:focus{outline:0}.list{font-size:14px;list-style-type:none;margin-bottom:40px;padding:0}.list li{background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#333;display:flex;justify-content:space-between;margin:10px 0;padding:10px;position:relative}.list li.plus{border-left:5px solid #2ecc71}.list li.minus{border-left:5px solid #e74c3c}.delete-btn{background-color:#e74c3c;border:0;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#fff;cursor:pointer;font-size:22px;line-height:20px;opacity:0;padding:10px 7px;position:absolute;right:0;top:35%;-webkit-transform:translate(115%,-35%);transform:translate(115%,-35%);transition:opacity .2s ease-in-out}.list li:hover .delete-btn{opacity:1}
/*# sourceMappingURL=main.bc03c08d.css.map*/