@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);:root{--primaryColor:#f15025;--mainWhite:#fff;--mainBlack:#222;--mainGrey:linear-gradient(120deg,#fdfbfb,#ebedee);--mainRed:#d50000;--mainGreen:#4caf50;--mainbg:linear-gradient(90deg,#ff8177 0%,#ff867a 0,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b)}*{margin:0;box-sizing:border-box}body{background:-webkit-gradient(linear,left top,right top,from(#ff8177),color-stop(0,#ff867a),color-stop(21%,#ff8c7f),color-stop(52%,#f99185),color-stop(78%,#cf556c),to(#b12a5b));background:linear-gradient(90deg,#ff8177 0,#ff867a 0,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b);background:var(--mainbg);color:#222;color:var(--mainBlack);font-family:"PT Sans"}h1{text-align:center;text-transform:capitalize;margin:.5rem 0;color:#fff;color:var(--mainWhite);letter-spacing:.1rem}.App{margin:0 auto;max-width:1280px;width:90%;background:linear-gradient(120deg,#fdfbfb,#ebedee);background:var(--mainGrey);padding-bottom:2rem;border-radius:2px}.textHolder{text-align:center;text-transform:capitalize;margin:2rem 0;color:#fff;color:var(--mainWhite);letter-spacing:.1rem}.textHolder span{margin-left:1rem;font-size:2rem}.form-center{display:flex;padding:0 1rem}.form-group{padding:1rem .75rem;flex:0 0 50%}label{display:block;color:linear-gradient(120deg,#fdfbfb,#ebedee);color:var(--mainGrey);font-size:1rem;text-transform:capitalize}.form-control{background-color:transparent;border:none;border-bottom:1px solid #222;border-bottom:1px solid var(--mainBlack);border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0 0 0 2px}.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);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);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;-webkit-transition:all .3s linear;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{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.8272473c.chunk.css.map */