@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);:root{--primaryColor:#f15025;--mainWhite:#fff;--mainBlack:#222;--mainGrey:#9e9e9e;--mainRed:#d50000;--mainGreen:#4caf50}*{margin:0;box-sizing:border-box}body{background:#9e9e9e;background:var(--mainGrey);color:#222;color:var(--mainBlack);font-family:"Roboto",sans-serif}h1{text-align:center;text-transform:capitalize;margin:2rem 0;color:#fff;color:var(--mainWhite);letter-spacing:5px}.App{margin:0 auto;max-width:1280px;width:90%;background:#fff;background:var(--mainWhite);padding-bottom:2rem;border-radius:2px}.form-center{display:flex;padding:0 1rem}.form-group{padding:1rem .75rem;flex:0 0 50%}label{display:block;color:#9e9e9e;color:var(--mainGrey);font-size:1rem;text-transform:capitalize}.form-control{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-bottom:1px solid var(--mainGrey);border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0}.btn{text-decoration:none;color:#fff;color:var(--mainWhite);background-color:#f15025;background-color:var(--primaryColor);text-align:center;letter-spacing:.5px;font-size:14px;outline:0;border:none;border-radius:2px;display:block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;margin:0 auto;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center}.btn:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.btn-icon{margin-left:.75rem;font-size:1.2rem}.list{margin:2rem .75rem 0;list-style-type:none;border:none;padding:0}.item{background-color:#fff;background-color:var(--mainWhite);line-height:1.5rem;padding:10px 20px;margin-bottom:1rem;border:1px solid #e0e0e0;display:flex;justify-content:space-between;transition:all .3s linear}.item:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:scale(1.05)}.info{flex:0 0 60%;display:flex;justify-content:space-between}.expense{margin-right:2rem;text-transform:capitalize}.amount{font-weight:300;font-size:1rem;color:#fff;color:var(--mainWhite);background-color:#f15025;background-color:var(--primaryColor);border-radius:2px;padding:1px 3px}.clear-btn,.edit-btn{background:none;border:none;font-size:1.2rem;outline:none;cursor:pointer}.clear-btn{color:#d50000;color:var(--mainRed)}.edit-btn{color:#4caf50;color:var(--mainGreen)}.total{font-weight:300;background-color:#f15025;background-color:var(--primaryColor);padding:2px 5px}.alert,.total{color:#fff;color:var(--mainWhite);border-radius:2px}.alert{padding:.75rem 1.25rem;text-align:center;width:90%;margin:2rem auto 0;text-transform:capitalize}.alert-danger{background:#d50000;background:var(--mainRed)}.alert-success{background:#4caf50;background:var(--mainGreen)}@media screen and (min-width:601px){.alert,.App,.list{width:85%}.list{margin:2rem auto 0}}@media screen and (min-width:993px){.alert,.App,.list{width:70%}.list{margin:2rem auto 0}.info{flex:0 0 50%}}
/*# sourceMappingURL=main.79e16306.chunk.css.map */