@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--blue:#7797f7;--red:#e656ff}*{box-sizing:border-box;font-family:Roboto,sans-serif}::selection{background-color:#639;color:#fff}body{background:rgba(0,0,0,.1);background:url(/static/media/background.135d72764335d95e893b.jpg);background-attachment:fixed;background-blend-mode:multiply;background-color:#666;background-repeat:no-repeat;background-size:cover;color:#aaa;justify-content:center;margin:0;padding:0}.app,body{display:flex}.app{align-items:center;flex-direction:column;gap:10px;min-height:100vh;padding-block:10px;width:-webkit-max-content;width:max-content}.header .title{font-size:25px}.header h3{font-weight:400;text-align:center}.subHeader{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;gap:1em;justify-content:space-around;padding:1em;width:100%}.subHeader>.income{color:#7797f7;color:var(--blue)}.subHeader>.expense{color:#e656ff;color:var(--red)}.subHeader>hr{background-color:grey;border:1px solid grey;margin:0}.transactions{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.1);border-radius:10px;margin-block:1rem;width:100%}.transactions>ul{list-style:none;margin:0;padding:0;width:100%}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:50vw}.transactions>ul>li{display:flex;justify-content:space-between;padding:1rem;position:relative;width:100%}.transactions>ul>li>span:nth-of-type(2){transition:.1s linear}.transactions>ul>li:not(:last-of-type){border-bottom:1px solid grey}.transactions>ul>li.income>span:nth-of-type(2){color:#7797f7;color:var(--blue)}.transactions>ul>li.expense>span:nth-of-type(2){color:#e656ff;color:var(--red)}.transactions>ul>li>span:last-of-type{cursor:pointer;opacity:0;position:absolute;right:.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.transactions>ul>li:hover span:last-of-type{opacity:1}.transactions>ul>li:hover span:nth-of-type(2){-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}.form{width:100%}.form>form{flex-direction:column;gap:10px}.form>form,.form>form>div{align-items:center;display:flex;width:100%}.form>form>div{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.1);border-radius:5px;justify-content:space-between;padding:10px}.form>form>div>label{font-size:.9em}.form>form>div>input{border:1px solid grey;border-radius:0;outline:none;padding:10px 5px;width:60%}.form>form>div>input[type=number]:hover,.form>form>div>input[type=text]:hover{outline:1px solid #000}.form>form>div>input[type=number]:focus,.form>form>div>input[type=text]:focus{border-color:#7797f7;border-color:var(--blue);outline:none}.form>form>input[type=submit].expense{background-color:#e656ff;background-color:var(--red);border:2px solid #e656ff;border:2px solid var(--red);border-radius:0;color:#fff;cursor:pointer;outline:none;padding:10px}.form>form>input[type=submit].income{background-color:#4169e1;border:2px solid #4169e1;border-radius:0;color:#fff;cursor:pointer;outline:none;padding:10px}.form>p{text-align:center}.transaction_complete{color:#41e181}.transaction_uncomplete{color:#e14141}@media (max-width:600px){*{font-size:.9rem}}
/*# sourceMappingURL=main.097dab31.css.map*/