.table-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;list-style-type:none;border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;border-left:1px solid #cbd5e1;padding-left:10px;padding-right:10px}@media screen and (min-width:768px){.table-row{padding-left:24px;padding-right:24px}}.transaction-text{color:#475569;font-family:"Roboto";font-size:12px;width:30%}@media screen and (min-width:768px){.transaction-text{font-size:14px}}.delete-container{display:-ms-flexbox;display:flex;width:10%}.delete-button{cursor:pointer}.delete-button,.delete-img{background:transparent;outline:none;border:none}.delete-img{width:20px;height:20px;-ms-flex-item-align:center;align-self:center}@media screen and (min-width:768px){.delete-img{margin-right:24px}}.money-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:32px;margin-top:32px}@media screen and (min-width:768px){.money-details-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.balance-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;background-color:#ecfccb;width:100%;border:1px solid #84cc16;border-radius:16px;margin-bottom:16px}@media screen and (min-width:768px){.balance-container{width:30%;margin-right:0}}.details-img{width:64px;height:64px;margin:24px}.details-text{color:#475569;font-size:12px;font-family:"Roboto";line-height:1.7;margin:0 0 8px}@media screen and (min-width:768px){.details-text{font-size:14px}}.details-money{color:#475569;font-size:18px;font-family:"Roboto";line-height:1.3;margin:0}@media screen and (min-width:768px){.details-money{font-size:24px}}.income-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;background-color:#cffafe;width:100%;border:1px solid #06b6d4;border-radius:16px;margin-bottom:16px}@media screen and (min-width:768px){.income-container{width:30%;margin-right:0}}.expenses-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;background-color:#ede9fe;width:100%;min-width:200px;border:1px solid #7c3aed;border-radius:16px;margin-bottom:16px}@media screen and (min-width:768px){.expenses-container{width:30%;margin-right:0}}.app-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:100vh}.responsive-container{width:80%;max-width:550px}@media screen and (min-width:768px){.responsive-container{max-width:1140px}}.header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;background-image:url(https://res.cloudinary.com/do4qwwms8/image/upload/v1626263091/Money%20Manager/money-manager-header_rxlcrn.png);background-size:cover;height:172px;border-radius:16px;margin-top:64px}@media screen and (min-width:768px){.header-container{-ms-flex-align:start;align-items:flex-start;padding:48px}}.heading{color:#475569;font-family:"Roboto";font-size:24px;font-weight:500;margin-bottom:16px}@media screen and (min-width:768px){.heading{font-size:30px}}.header-content{color:#475569;font-family:"Roboto";font-size:14px;margin:0}@media screen and (min-width:768px){.header-content{font-size:18px}}.money-manager-text{color:#0b69ff;font-weight:500}.transaction-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px}@media screen and (min-width:768px){.transaction-details{-ms-flex-direction:row;flex-direction:row}}.transaction-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:start;align-items:flex-start;height:424px;width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:24px 24px 32px}@media screen and (min-width:768px){.transaction-form{width:40%;padding-right:43px;padding-left:48px}}.transaction-header{color:#475569;font-family:"Roboto";font-size:16px;font-weight:500;line-height:1.6}@media screen and (min-width:768px){.transaction-header{font-size:20px}}.input-label{color:#7e858e;font-family:"Roboto";font-weight:500;font-size:12px;line-height:1.4;margin-bottom:0}.input{color:#1e293b;background-color:#fff;border:1px solid #d7dfe9;border-radius:2px;width:100%;height:40px;padding:10px;min-width:157px}.button,.input{font-family:"Roboto";outline:none;margin-bottom:10px}.button{background-color:#0b69ff;color:#fff;font-size:14px;font-weight:600;min-width:25px;border-radius:6px;border:none;padding:12px 24px;cursor:pointer}.history-transactions{width:100%;min-height:326px;border:1px solid #cbd5e1;border-radius:12px;padding:12px 24px;margin-top:32px}@media screen and (min-width:768px){.history-transactions{width:55%;min-height:424px;padding:24px 41px 40px 28px;margin-top:0;margin-left:32px}}.transactions-table-container{height:100%;border-radius:8px}.transactions-table{padding-left:0;margin:0}.table-header{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;height:48px;list-style-type:none;border:1px solid #cbd5e1;padding-left:10px;padding-right:10px}@media screen and (min-width:768px){.table-header{padding-left:24px;padding-right:24px}}.table-header-cell{color:#334155;font-family:"Roboto";font-size:12px;font-weight:500;width:30%;border-right:none}@media screen and (min-width:768px){.table-header-cell{font-size:16px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}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}
/*# sourceMappingURL=main.e8df531a.chunk.css.map */