@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.sr-only{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{background:#000}body,button,input{font-family:Shadows Into Light,cursive}.prevent-select{-webkit-user-select:none;user-select:none}.main{background-image:url(/static/media/backgroud-main.c9d313894cab0ea37f6d.jpg);background-size:auto;border:5px dashed #000;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;padding:1%;text-align:center;width:90%}.main,h1{box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-webkit-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75)}h1{background-color:hsla(0,0%,100%,.98);border:3px solid #000;border-radius:10px;font-size:5rem;margin:2% auto;width:500px}h2{font-size:2rem;text-transform:capitalize}p{font-size:1.8rem;text-decoration:underline}.contents{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1% auto;transition:1s;width:75%}.right{background-color:rgba(55,142,255,.98);flex-basis:25%;justify-content:center;padding:0}.right label{color:#ffd729;font-size:2rem;font-weight:700;margin-right:2%;margin-top:2%}.right input{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:30px;padding-left:10px;padding-top:6%;width:20%}.left{flex-basis:55%;margin-left:10%}label{font-size:1.5rem;padding-top:24px}input{background:none;border:none;border-bottom:2px solid #000;font-size:1.3rem;font-weight:800;margin-bottom:2%;margin-right:1%;outline:none;padding:2.5% 0 0 1%;width:50%}form{background:rgba(252,148,168,.98);border:3px solid rgba(63,63,63,.925);border-radius:15px;box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-webkit-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);display:flex;justify-content:flex-end;margin:1%;padding:1%}form button{height:40px;margin-top:2%}.expense-cards{background-color:#fff;border:4px solid rgba(83,83,83,.842);border-radius:10px;box-shadow:6px 10px 5px -2px rgba(0,0,0,.75);-webkit-box-shadow:6px 10px 5px -2px rgba(0,0,0,.75);-moz-box-shadow:6px 10px 5px -2px rgba(0,0,0,.75);display:flex;margin:15px auto;padding:10px;transition:all .3s ease-out;width:auto}.expense-cards:focus,.expense-cards:hover{box-shadow:2px 8px 8px -5px rgba(3,3,3,.3);-webkit-transform:translate3d(1.1%);transform:translate3d(1.1%)}.big-red{background-color:rgba(237,54,54,.98)}.gold{background-color:rgba(255,215,38,.984)}.raddish{background-color:rgba(237,136,59,.98)}.purple{background-color:rgba(135,111,219,.98)}.mint{background-color:rgba(14,149,149,.98)}.grey{background-color:hsla(40,4%,67%,.98)}.adding-section{display:flex;flex-wrap:wrap;width:90%}@media(max-width:1200px){.contents{width:75%}.adding-section{justify-content:space-between;margin:0 auto}.right{flex-basis:31%}.right input{padding:0;padding:2%}}@media(max-width:750px){h1{font-size:4.5rem;width:90%}.contents{width:auto}.expense-cards{margin:10px}.left{flex-basis:90%;margin:10px auto}.right{flex-basis:60%;margin:0 auto}}@media(max-width:550px){h1{font-size:3.5rem}.left,.right{flex-basis:60%;flex-direction:column}.left label,.right label{padding:0}.left input,.right input{margin:0 auto;padding:0;text-align:center;width:65%}form button{margin:5% auto;width:95%}}@media(max-width:440px){.adding-section{margin:8% auto}.expense-cards{justify-content:center;margin:1% auto;min-width:42%}.expense-cards h2{font-size:1.5rem}.expense-cards button{padding:6px 10px}}.progress-bar{border:1px solid #000;border-radius:25px;height:20px;margin:3%}.filling{margin-bottom:1%}.total{border:3px solid rgba(31,31,31,.938);border-radius:10px;box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-webkit-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px -10px rgba(0,0,0,.75);font-size:2rem;margin:2% auto;padding:10px;transition:.6s;width:auto}.total:focus,.total:hover{box-shadow:2px 8px 8px -5px rgba(3,3,3,.3);scale:1.05;-webkit-transform:translate3d(1.1%);transform:translate3d(1.1%)}.total p{font-weight:600;text-decoration:none}.total .max,.total h3,.total p{transition:1s}.total .max{font-size:2rem}.total h3{background-color:rgba(0,0,0,.816);background-image:none;border:1px solid #000;border-radius:4px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 1px #000;box-sizing:border-box;color:#fff;display:inline-block;font-weight:400;line-height:20px;margin:0 25px 15px;overflow:visible;padding:12px 40px;text-align:center;text-transform:none;vertical-align:middle;white-space:nowrap}.green{background:rgba(106,250,195,.98)}.green .meh,.green .sad{display:none}.green .max{color:#fff}.yellow{background:rgba(255,207,17,.98)}.yellow .sad,.yellow .smile{display:none}.yellow p{font-size:2.2rem}.yellow .max{color:rgba(252,54,47,.959);text-decoration:underline}.red{background:hsla(0,75%,66%,.986)}.red .meh,.red .smile{display:none}.red .max{color:#f0f0f0;font-size:2.5rem}.red h3{color:red;font-size:3.5rem}.red p{font-size:3rem}@media(max-width:550px){.total{width:75%}h3{width:100%}.green h3,.red h3,.yellow h3{font-size:2.5rem;margin:0;padding:10px 0}.green .max,.green p,.red .max,.red p,.yellow .max,.yellow p{font-size:2rem}}@media(max-width:440px){.total{width:auto}.green h3,.red h3,.yellow h3{font-size:2rem}.green .max,.green p,.red .max,.red p,.yellow .max,.yellow p{font-size:1.7rem}}button{-webkit-appearance:button;appearance:button;background-color:#000;background-image:none;border:1px solid #000;border-radius:4px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 1px #000;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:400;line-height:20px;margin:0 5px 10px 0;overflow:visible;padding:12px 40px;text-align:center;text-transform:none;touch-action:manipulation;transition:.2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover{box-shadow:2px 8px 8px -5px rgba(3,3,3,.3);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}.footer{margin:0 auto;width:300px}.footer p{background-color:hsla(0,0%,100%,.534);font-size:1.5rem;text-decoration:none}
/*# sourceMappingURL=main.0dcd6829.css.map*/