@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);:root{--box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--black-text-light:rgba(0,0,0,0.6);--white-text:hsla(0,0%,100%,0.87);--white-text-light:hsla(0,0%,100%,0.6);--primary:#00c756}*{box-sizing:border-box}body{background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:"Lato",sans-serif}#root{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;height:100vh;padding:1rem}.container{margin:30px auto;width:350px}.container-history{grid-gap:2rem;gap:2rem;margin:0;overflow-y:scroll}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;padding-bottom:10px;margin:40px 0 10px}h4{margin:0;text-transform:uppercase}.balance{color:rgba(0,0,0,.6);color:var(--black-text-light)}.inc-exp-container{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);padding:20px;display:flex;justify-content:space-between;margin:20px 0}.inc-exp-container>div{flex:1 1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:#2ecc71}.money.minus{color:#c0392b}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px;display:block;font-size:16px;padding:10px;width:100%}.btn{cursor:pointer;background:#00c756;background:var(--primary);background-image:linear-gradient(90deg,#00c756,#009e45);background-image:linear-gradient(90deg,var(--primary),#009e45);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:hsla(0,0%,100%,.87);color:var(--white-text);border:0;display:block;font-size:1em;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:10px 0 30px;padding:1em 10px;width:100%}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;padding:0;margin-bottom:40px}.list li{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;align-items:center;position:relative;padding:10px;margin:10px;transition:transform .3s ease}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.delete-btn{width:100%;cursor:pointer;border:0;color:#db2915;font-weight:500;letter-spacing:2px;background:none;position:absolute;padding-top:15px;top:115%;left:100%;transform:translate(-100%,-50%);opacity:0;transition:opacity .3s ease}.delete-btn>svg{height:1rem;width:1rem}.list li:hover{transform:translateY(-1.5rem);box-shadow:0 3px 5px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24)}.list li:hover .delete-btn{opacity:1}.login{width:80vw;max-width:600px;height:100%;display:flex;flex-flow:column;justify-content:center;border-radius:13px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);padding:10rem 4rem}.login__heading{text-align:center;font-weight:600;color:rgba(0,0,0,.6);color:var(--black-text-light);margin-bottom:1rem}.login__button{cursor:pointer;background-color:#00c756;box-shadow:var(--box-shadow-light);color:hsla(0,0%,100%,.87);border:0;border-radius:.3rem;display:block;letter-spacing:2px;font-size:2em;font-weight:600;text-transform:uppercase;margin:10px 0 30px;padding:1rem 2rem;width:auto}.login__button>svg{height:1em;fill:rgba(0,0,0,.6);fill:var(--black-text-light)}.login__github{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:rgba(0,0,0,.6);color:var(--black-text-light)}.login__github-button{cursor:pointer;margin:0;padding:0;border:0;display:block;background:none}.login__github-button>svg{height:1.5rem;fill:rgba(0,0,0,.6);fill:var(--black-text-light)}.login__github-button:focus{outline:0}.transaction-text{display:flex;flex-direction:column}.transaction-text>span:nth-of-type(2){font-size:.75em;color:#898989;margin-top:.2em}@media (max-width:768px){#root{padding:unset;box-shadow:none;display:block;grid-template-columns:unset;grid-gap:unset;gap:unset;height:unset}.container-history{grid-gap:unset;gap:unset;margin:unset;overflow-y:unset}.list li{margin:10px 0}}
/*# sourceMappingURL=main.f88b2257.chunk.css.map */