body{background-color:#e4e4e4}.app{text-align:center;width:25%;margin:150px auto}@media (max-width:700px){.app{width:50%}}@media (max-width:400px){.app{width:75%}}.main-heading{font-family:"Roboto",sans-serif;color:#282929}.balance{text-align:left}.balance-heading{font-family:Verdana,Geneva,Tahoma,sans-serif}.balance-amount{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:xx-large;margin:25px}.income-expense{width:100%;text-align:center;height:50%;display:flex;background-color:#fafafa}.income-section{width:50%;border-bottom:2px solid green}.income-heading{font-family:"Roboto",sans-serif;color:green;margin:15px}.income-balance{font-size:x-large;margin:15px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.expense-section{width:50%;border-bottom:2px solid red;border-left:1px dashed}.expense-heading{font-family:"Roboto",sans-serif;color:red;margin:15px}.expense-balance{font-size:x-large;margin:15px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.transaction-history{text-align:left}.transaction-history-heading{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:15px}.transaction-tile{display:flex;margin:10px 0}.transaction-item{list-style-type:none;background-color:#f7f7f7;height:35px;width:100%;margin:auto 0;box-shadow:2px 3px 2px grey;display:flex;cursor:pointer}.plus{border-right:5px solid #18d418}.minus{border-right:5px solid red}.transaction-amount{float:right;margin:5px 5px 5px auto;font-family:"Roboto"}.transaction-name{float:left;margin:5px;font-family:"Roboto"}.add-transaction{text-align:left}.add-transaction-amount-heading,.add-transaction-heading{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0}.add-transaction-amount,.add-transaction-text{border:.5px solid #000;width:100%;height:35px;border-radius:5px;font-size:large;box-sizing:border-box;transition:.5s;outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-transaction-amount:focus,.add-transaction-text:focus{border:3px solid #18d418}.transaction-btn{margin:5px 0;width:100%;border-radius:2px;border:1px solid #41ec41;height:30px;background-color:#18d418;color:#fff;font-size:large;transition:.3s ease-in-out;cursor:pointer}.transaction-btn:hover{border:3px solid #025f09;background-color:#30da1a}
/*# sourceMappingURL=main.76156d8f.chunk.css.map */