body{margin:0;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}.App{width:100%;display:flex;flex-direction:column;justify-self:center;align-items:center;background:#03000a;height:130vh}h2{color:#fff;-webkit-animation:.4s ease-in forwards;animation:.4s ease-in forwards;-webkit-animation-name:listIn;animation-name:listIn}.count{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.balance{margin:0 auto}.formfield{border:none;border-bottom:2px solid #414141;outline:none;margin:20px 0;padding-left:10px;background:transparent;width:80%;color:#fff;font-size:15px}span{position:absolute;top:0;left:0;background:red;padding:10px}.formfield:focus{background:transparent}.btnForm{border:none;outline:none;height:40px;width:100px;border-radius:4px}.transactionsapp{display:flex;width:100%}.transactionsExpense,.transactionsIncome{display:flex;flex-direction:column;justify-content:center;width:50%}.transactionsExpense{margin:0 50px}form{display:flex;flex-direction:column;width:90%;margin-bottom:30px}::-webkit-input-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}::-ms-input-placeholder{color:#fff}::placeholder{color:#fff}.btnIncome{background:green}.btnIncome:hover{color:green;border:2px solid green}.btnExpense:hover{color:red;border:2px solid red}.btnExpense{background:red}.btnForm{transition:.3s ease-in;font-size:15px}.btnForm,.btnForm:hover{transform-style:preserve-3d;perspective:1000px}.btnForm:hover{-webkit-animation:.2s ease-in forwards;animation:.2s ease-in forwards;-webkit-animation-name:hovered;animation-name:hovered;cursor:pointer;background:bisque}.btnRemove{border:none;outline:none;width:60px;height:30px;padding:5px;background:red;transition:.3s ease-in}.btnRemove:hover{cursor:pointer}.btnRemove:hover>i{color:#fff}i{transition:.2s ease-in}i,td{font-size:18px}td{text-transform:capitalize;width:250px;height:30px;margin:0}tr{color:#fff;-webkit-animation:.4s ease-in forwards;animation:.4s ease-in forwards;-webkit-animation-name:listIn;animation-name:listIn}@media only screen and (min-width:321px) and (max-width:415px){.App{height:0%}.transactionsapp{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding-bottom:60px}.transactionsIncome{padding:15px 0;margin:0 50px}.transactionsExpense,.transactionsIncome{width:85%}.expenses{display:flex;justify-content:center}form{margin:50px 0}.formfield,form{width:100%}th{white-space:nowrap}td{font-size:15px}i{font-size:12px}span{display:none}}@media only screen and (max-width:320px){.App{height:0%}.transactionsapp{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding-bottom:60px}.transactionsIncome{padding:15px 0;margin:0 50px}.transactionsExpense,.transactionsIncome{width:90%}.expenses{display:flex;justify-content:center}form{margin:50px 0;width:100%}.formfield{width:85%}th{white-space:nowrap}i,td{font-size:10px}span{display:none}}@media only screen and (min-width:416px) and (max-width:830px){.App{height:0%}.transactionsapp{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:60px}form{margin:50px 0;width:100%}.transactionsExpense,.transactionsIncome{width:85%}th{white-space:nowrap}span{display:none}}
/*# sourceMappingURL=main.443a06a0.chunk.css.map */