body{padding:0;margin:0;font-family:Mainfont}*{--border:1px rgba(0,0,0,.2) solid;--redBorder:1px solid red;--boxShadow:0px 0px 20px rgba(0,0,0,.2);color:#fff;scroll-behavior:smooth;text-shadow:-1px -1px 1px hsla(0,0%,100%,.1),1px 1px 1px rgba(0,0,0,.5)}@font-face{font-family:Mainfont;src:url(/_next/static/media/Montserrat-Italic-VariableFont_wght.2ed9d7fc.ttf);src:url(/_next/static/media/Montserrat-VariableFont_wght.a218f2a6.ttf);font-weight:200 900}.hidden{opacity:0;visibility:hidden;transition:visibility 0s .1s,opacity .1s linear}.show{opacity:1;visibility:visible;transition:opacity .1s}#checkIf,#msg{position:fixed;bottom:calc(50% - 50px);left:calc(50% - 170px);width:280px;padding:30px;background:hsla(0,0%,100%,.2);text-align:center;color:#fff;border-radius:5px;border:var(--border);box-shadow:var(--boxShadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);line-height:2;z-index:99}#msg{bottom:20px;padding:5px 30px}#checkIf .inline{display:flex;flex-direction:row;align-items:center;justify-content:space-around}#bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background:rgba(0,0,0,.3);z-index:99}#checkIf button{border:var(--border);border-radius:5px;width:150px;padding:5px;margin:5px;background-color:transparent;font-size:15px;color:#fff;transition:.2s;display:flex;align-items:center;justify-content:space-evenly}#checkIf button:hover{cursor:pointer}h3{font-size:x-large;text-align:center;background:linear-gradient(270deg,rgba(0,119,255,.1),rgba(0,119,255,.5),rgba(0,119,255,.1));color:#fff;padding:10px 80px;box-shadow:var(--boxShadow);border:var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.overview{display:flex;flex-wrap:wrap;justify-content:space-around}.expenses table,.income table,.overview table{min-width:300px;width:100%;max-width:500px;margin:10px;text-align:left;padding:5px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border-radius:15px;border:2px solid rgba(0,0,0,.15);box-shadow:var(--boxShadow)}.overview table{background:linear-gradient(135deg,rgba(0,119,255,.6),rgba(0,119,255,0))}.income table{background:linear-gradient(135deg,rgba(16,196,88,.8),rgba(16,196,88,0))}.expenses table{background:linear-gradient(135deg,rgba(255,0,0,.7),rgba(255,0,0,0))}.overview table td{padding:5px 10px}.calcMonth input{text-align:left;padding:7px 5px;width:60px}.expenses .newCategorie{display:flex;flex-direction:row;justify-content:center;flex-wrap:nowrap;border:var(--border);box-shadow:var(--boxShadow);padding:7px 5px}.expenses td,.income td{padding:5px 10px}.expenses h3,.income h3{word-break:keep-all;text-align:center;padding:10px 80px;box-shadow:var(--boxShadow);border:var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.income h3{background:linear-gradient(270deg,rgba(0,255,100,.1),rgba(16,196,88,.8),rgba(0,255,100,.1))}.expenses h3{background:linear-gradient(270deg,rgba(255,0,0,.1),rgba(255,0,0,.6),rgba(255,0,0,.1))}.expenses thead{line-height:40px;font-size:larger}.expenses thead tr th:first-child{word-break:keep-all;text-align:left}.expenses tr td:nth-child(3),.expenses tr th:nth-child(3),.income tr td:nth-child(3),.income tr th:nth-child(3){display:flex;flex-direction:row;justify-content:flex-end;padding:7px 5px}.expenses th input,.expenses tr td:first-child input,.income tr td:first-child input{padding:7px 5px;min-width:90px;width:100%;max-width:135px;margin:0}.expenses tr td:nth-child(2) input,.income tr td:nth-child(2) input{padding:7px 5px;min-width:25px;width:100%;max-width:40px;text-align:left;margin:0}.expenses button,.income button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:var(--border);background-color:transparent;transition:.2s}.expenses * button:hover,.income * button:hover{cursor:pointer}.checkBox{transition:.3s!important;position:relative!important;border:var(--border);border-radius:5px!important;transition:.1s;width:30px!important;height:30px!important;padding:0;margin:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.checkBox:hover{background:rgba(0,119,255,.7)}.checkBox:hover input{border:1px solid #fff}.checkBox input{transition:.3s!important;opacity:1;z-index:1;position:absolute;-webkit-appearance:none;width:14px!important;height:14px!important;margin:0;padding:0;border-radius:2px;border:var(--border);background:transparent!important}.checkBox input~svg{opacity:0;font-size:20px;background:#008f58!important;padding:5px;border-radius:5px}.checkBox input:hover{cursor:pointer}.checkBox input:checked{animation:checkBoxTransition_input_in .2s 0s forwards}.checkBox input:not(:checked){animation:checkBoxTransition_input_out .2s 0s forwards}.checkBox input:not(:checked)~svg{animation:checkBoxTransition_Svg_Out .3s ease-in 0s forwards}.checkBox input:checked~svg{animation:checkBoxTransition_Svg_In .3s ease-in 0s forwards}@keyframes checkBoxTransition_input_in{0%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(30px)}to{opacity:0;transform:translateY(0)}}@keyframes checkBoxTransition_input_out{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes checkBoxTransition_Svg_In{0%{opacity:0;transform:translateY(-30px)}25%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes checkBoxTransition_Svg_Out{0%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-30px)}}.redBorder{transition:.2s;border:var(--redBorder)!important}#backgroundImg{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:-1}#header{font-size:xx-large;text-align:center;background:hsla(0,0%,100%,.1);padding:10px 80px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border);margin:0}.flexBox{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:flex-start}.centerWrapper{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center}.centerWrapper .centerContent{text-align:center;width:300px;height:-moz-fit-content;height:fit-content;border-radius:5px;padding:10px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border)}.centerContent h1,.centerContent h3{margin:10px 0 20px}input,textarea{background:hsla(0,0%,100%,.2);border:var(--border);border-radius:5px;margin:5px;padding:2px;width:200px;text-align:center;font-size:large}input:active,input:focus,textarea:active,textarea:focus{border:1px solid rgba(0,0,0,.5)}button{width:206px;border:var(--border);border-radius:5px!important;margin:5px!important;transition:.1s;padding:5px;color:#fff!important;background:hsla(0,0%,100%,.4)}button svg{transform:scale(1.3)}button:hover{background:rgba(0,119,255,.7)}button#save:hover{background:#008f58!important}button#edit:hover{background:#3f3fff!important}button#delete:hover{background:#d23333!important}button#cancel:hover{background:hsla(0,0%,54%,.639)!important}footer{margin-bottom:50px}