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