.App{text-align:center}body{background-color:#000}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}img{opacity:.5;width:4.5rem}.balance-container{display:flex;flex-direction:column}.inc-exp-container{border-radius:5px;box-shadow:12px -23px 121px 12px #574757c9;display:flex;justify-content:space-between;margin-left:30%;padding:10px;width:40%}.inc-exp-container>div{flex:1 1;text-align:center}.inc-exp-container .money-plus{color:green}.inc-exp-container .money-minus{color:red}.inc-exp-container>div:first-of-type{border-right:1px solid #f3eded}.add-btn{background:#fff;border:none;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:10px 20px;text-transform:uppercase;transform:skew(-21deg);width:120px}.add-btn span{display:inline-block;transform:skew(21deg)}.add-btn:before{background:#141414;bottom:0;content:"";left:0;opacity:0;position:absolute;right:100%;top:0;transition:all .5s;z-index:-1}.add-btn:hover{color:#fff}.add-btn:hover:before{left:0;opacity:1;right:0}.hist{height:110px;margin:4px,4px 4px,4px 4px,4px 30%;overflow-x:hidden;overflow-y:auto;padding:40px;text-align:justify;width:500px}.body{background-color:#0f0f0f;box-shadow:12px -23px 121px 12px #574757c9;color:#fff}.items{list-style-type:none;margin-bottom:40px;padding:0}.items .item-green{background-color:green}.items .item-green,.items .item-red{border-bottom-left-radius:5px;border-top-left-radius:5px;box-shadow:17px 7px 5px -10px #574757;color:#fff;display:flex;justify-content:space-between;margin:10px 0;padding:10px;position:relative}.items .item-red{background-color:red}.delete-btn{background-color:var(--minus-color);border:0;box-shadow:var(--box-shadow);color:var(--background-secondary-color);cursor:pointer;font-size:22px;line-height:22px;margin:10px 0;opacity:0;padding:10px;position:absolute;right:0;top:50%;transform:translate(80%,-70%);transition:opacity .3s ease}.btn:focus,.delete-btn:focus{outline:0}.items li:hover .delete-btn{background-color:red;opacity:1}.form{border-radius:20px;box-sizing:border-box;height:300px;margin-left:40%;padding:0;width:300px}.input-container{height:50px;position:relative;width:100%}.ic1{margin-top:40px}.ic2{margin-top:30px}.input{background-color:#303245;border:0;border-radius:12px;box-sizing:border-box;color:#eee;font-size:18px;height:100%;outline:0;padding:4px 20px 0;width:100%}.cut{background-color:#15172b;border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform .2s;width:76px}.add-btn{margin-top:20%}@media screen and (max-width:860px){.hist{margin-left:20%;padding:40px;width:50%}.form{margin-left:0;padding:20px;width:80%}}@media screen and (max-width:1000px){.hist{margin-left:10%;margin-right:20%;padding:40px;width:50%}.form{margin-left:0;padding:20px;width:80%}}
/*# sourceMappingURL=main.00c31447.css.map*/