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}body{background-color:#222;font-family:Roboto,Arial,sans-serif}.App{box-sizing:border-box;min-height:100vh;padding:4em 0 0;text-align:left}@media(min-width:480px){.App{padding:4em 1em 1em}}.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}h2{margin-top:0;text-align-last:left}h1{margin:1.5em 1em}@media(min-width:480px){h1{margin:1.5em 0}}h1,h2,h3{color:#f0f8ff;text-align-last:left}.incomes{border-top:1px solid rgba(240,248,255,.514);margin-top:4em}@media(min-width:480px){.incomes{border-top:none;margin-top:0}}.incomes h2{padding-top:2.4em}@media(min-width:480px){.incomes h2{padding-top:0}}p,span{color:#f0f8ff;margin:0}form>div{margin:20px 0}label{color:#f0f8ff;text-align-last:left}input,select{border:none;border-radius:10px;color:#212121;padding:8px 5px}input:active,input:focus,select:active,select:focus{border:none;box-shadow:0 0 .1em #000;outline:2px solid #00fffb}input:nth-of-type(2){margin-left:15px}.button{background-color:#f0f8ff;border-radius:5px;color:#212121;cursor:pointer;font-weight:700;padding:10px 15px}.button:hover{background-color:#00fffb;color:#1e1f20}.flex-row{align-items:center;display:flex;gap:1em}.flex-end{justify-content:end}.sp-between{justify-content:space-between}.wrapper{background-color:#004770;margin:0 auto;max-width:1400px;padding:1em}@media(min-width:480px){.wrapper{grid-gap:15px;border:1px solid #f0f8ff;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);place-content:center}}.box{background-color:#004770;border:2px solid #f0f8ff;padding:20px}.box.modal{left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s ease-in-out;z-index:2000}.modal.visible{display:block;opacity:1;pointer-events:all}.overlay{background-color:rgba(0,0,0,.577);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .2s ease-in-out;z-index:900}.overlay.visible{opacity:1;pointer-events:all}.error-border{outline:2px solid red}.error-info{color:#ff2424;display:flex;font-size:.9em;justify-content:flex-end;margin:-15px 0 -5px;opacity:0}.error-info.visible{opacity:1}input[type=submit]{margin-top:1.3em}.lds-default{display:inline-block;height:80px;position:relative;width:80px}.lds-default div{-webkit-animation:lds-default 1.2s linear infinite;animation:lds-default 1.2s linear infinite;background:#fff;border-radius:50%;height:6px;position:absolute;width:6px}.lds-default div:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:66px;top:37px}.lds-default div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s;left:62px;top:22px}.lds-default div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s;left:52px;top:11px}.lds-default div:nth-child(4){-webkit-animation-delay:-.3s;animation-delay:-.3s;left:37px;top:7px}.lds-default div:nth-child(5){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:22px;top:11px}.lds-default div:nth-child(6){-webkit-animation-delay:-.5s;animation-delay:-.5s;left:11px;top:22px}.lds-default div:nth-child(7){-webkit-animation-delay:-.6s;animation-delay:-.6s;left:7px;top:37px}.lds-default div:nth-child(8){-webkit-animation-delay:-.7s;animation-delay:-.7s;left:11px;top:52px}.lds-default div:nth-child(9){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:22px;top:62px}.lds-default div:nth-child(10){-webkit-animation-delay:-.9s;animation-delay:-.9s;left:37px;top:66px}.lds-default div:nth-child(11){-webkit-animation-delay:-1s;animation-delay:-1s;left:52px;top:62px}.lds-default div:nth-child(12){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;left:62px;top:52px}@-webkit-keyframes lds-default{0%,20%,80%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes lds-default{0%,20%,80%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.switch .button{padding:1em;position:fixed;right:1em;top:.5em;z-index:1000}.button .emoji{display:inline-block;transition:.2s ease-in-out}.button.on .emoji{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sticky{background-color:#004770;border-bottom:1px solid #f0f8ff;display:flex;gap:3em;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:100}@media(min-width:480px){.sticky{border-bottom:none}}.green{color:#adff2f}.red{color:#d00000}.listItem{background-color:#29265e;background-image:linear-gradient(45deg,#12253a,#12253a);border:2px solid rgba(240,248,255,.46);margin:20px 0;padding:20px;position:relative}.listItem>p{color:#f0f8ff}.listItem .category{color:#5ca5ff;font-family:Mulish,sans-serif;font-size:.8em;text-transform:uppercase}.listItem .title{font-family:Roboto,sans-serif;font-size:1.5em}.listItem .amount{color:#00fffb;font-size:1.2em;margin-top:15px;text-align:right}.listItem button.deleteItem{background-color:transparent;border:none;cursor:pointer;display:grid;height:30px;place-content:center;position:absolute;right:0;top:0;width:40px}.listItem button.deleteItem:before{content:"➕";display:block;font-size:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50%;transform-origin:50%}.listItem button.deleteItem:hover{background-color:#00fffb}.listItem button.deleteItem:hover:before{content:"❌";-webkit-transform:rotate(0);transform:rotate(0)}ul{list-style-type:none;margin:20px 10px;padding:0}
/*# sourceMappingURL=main.c78f2ee5.css.map*/