body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.description{margin:1rem;padding-left:5%;padding-right:5%;text-indent:1rem}@media screen and (min-width:540px){.description{font-size:14pt;margin:2rem;padding-left:20%;padding-right:20%}.chart-home,.description{max-width:80vw;margin:1rem auto}}@media screen and (min-width:900px){.chart-home,.description{max-width:65vw;margin:1.5rem auto}}@media screen and (min-width:1200px){.chart-home,.description{max-width:45vw;margin:1rem auto}}.header{height:6vh;border-bottom:1pt solid grey;box-shadow:0 0 4px #002152,0 0 7px #00f}.header,h2{padding-bottom:5px}h2{text-align:center;margin:0 auto;font-size:24pt;color:#007dd1;text-shadow:2px 2px 4px #6c94c2}.auth{position:absolute;display:flex;flex-direction:column;top:0;right:0}.auth-button{color:#fff;border-radius:3pt 3pt;border:.5pt solid #007dd1;background-color:#007dd1}.auth-button,.auth-button:hover{margin:.1rem;font-size:9pt;padding:.2rem}.auth-button:hover{border:.5pt solid #000;background-color:#fff;color:#000;border-radius:3pt 3pt}.auth-button:active{color:#000}@media screen and (min-width:540px){.header{border-bottom:2pt solid grey;box-shadow:0 0 8px #002152,0 0 10px #00f}h2{font-size:40pt}.auth{flex-direction:column;height:6vh}.auth-button,.auth-button:active,.auth-button:hover{padding:.25rem;font-size:14pt;margin:.25rem;height:3vh}}@media screen and (min-width:840px){.auth{margin:.75rem;flex-direction:row;height:6vh}.auth-button{padding:.3rem;font-size:14pt;height:3.5vh}.auth-button:active,.auth-button:hover{padding:.3rem;font-size:16pt;height:3.5vh}}@-webkit-keyframes mymovesmall{0%{height:0}to{height:150px}}@keyframes mymovesmall{0%{height:0}to{height:150px}}.error{font-size:10pt}.login-form{padding:.2rem;display:flex;flex-direction:column}.login-container{position:absolute;z-index:1;height:150px;width:100vw;-webkit-animation:mymovesmall 1s;animation:mymovesmall 1s;background:#fff;border-bottom:2pt solid grey;box-shadow:0 0 8px #002152,0 3px 10px #00f;overflow:hidden}.login-form-inputs{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem}.login-form-inputs input,.login-form-inputs label{width:40%;border-radius:10pt 10pt;padding:.3rem}.login-form-inputs input{border:2pt solid #8787fa}.login-form-inputs input:focus,.login-form-inputs input:hover{border:2pt solid #5959a3;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.login-button{margin:0 auto;padding:.5rem;border-radius:25pt 25pt;border:2pt solid #8787fa}.login-button:hover{background-color:#8787fa;color:#fff;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}@media screen and (min-width:720px){.login-form{margin:0 auto;width:40vw;font-size:16pt}}@-webkit-keyframes mymove{0%{height:0}to{height:180px}}@keyframes mymove{0%{height:0}to{height:180px}}.error{margin:0 auto}.register-form{padding:.2rem;display:flex;flex-direction:column}.register-container{position:absolute;z-index:1;height:180px;width:100vw;-webkit-animation:mymove 1s;animation:mymove 1s;background:#fff;border-bottom:2pt solid grey;box-shadow:0 0 8px #002152,0 0 10px #00f;overflow:hidden}.register-form-inputs{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:.2rem}#register_confirm,#register_email,#register_password{border:2pt solid #8787fa;width:40%;border-radius:10pt 10pt;padding:.3rem}.register-form-inputs input,.register-form-inputs label{font-size:9pt;width:40%;border-radius:10pt 10pt;padding:.3rem}.register-form-inputs input{border:2pt solid #8787fa}.register-form-inputs input:focus,.register-form-inputs input:hover{border:2pt solid #5959a3;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.register-button{margin:0 auto;padding:.5rem;border-radius:25pt 25pt;border:2pt solid #8787fa}.register-button:hover{background-color:#8787fa;color:#fff;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}@media screen and (min-width:720px){.register-form{margin:0 auto;width:40vw}}.budget-item{font-size:10pt;margin:6pt;padding:5pt;max-width:150px;border-radius:15pt 15pt;background-color:#008cba;border:2pt solid #008cba;color:#fff;text-align:center}.budget-item:hover{background-color:#005c7a;border:2pt solid #000}.budget-edit-form{padding:15pt;font-size:12pt}@media screen and (min-width:840px){.budget-item{font-size:14pt;max-width:200px}}@-webkit-keyframes budgetmove{0%{height:0}to{height:40vh}}@keyframes budgetmove{0%{height:0}to{height:40vh}}@-webkit-keyframes formmove{0%{height:0}to{height:25vh}}@keyframes formmove{0%{height:0}to{height:25vh}}.budgets-container{height:40vh;-webkit-animation:budgetmove 1s;animation:budgetmove 1s;overflow:auto}.budgets-container,.budgets-form{position:absolute;z-index:1;width:100vw;background:#fff;border-bottom:2pt solid grey;box-shadow:0 0 8px #002152,0 3px 10px #00f;padding:.2rem;display:flex;flex-direction:column}.budgets-form{height:25vh;-webkit-animation:formmove 1s;animation:formmove 1s;overflow:hidden}.budget-button{margin:0 auto;padding:.5rem;border-radius:25pt 25pt;border:2pt solid #8787fa}.budget-button:hover{background-color:#8787fa;color:#fff;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.budget-error{margin:3pt;padding:0;text-align:center}.budget-items-container{display:flex;flex-wrap:wrap;margin:5pt;justify-content:center;align-content:center}@media screen and (min-width:840px){.budgets-items-container{width:60vw}}li{list-style-type:none}.list-edit{margin:0 auto}.item{text-align:center;width:35%;margin:.5rem;padding:.5rem;font-size:10pt}.item,.item-edit-box{list-style-type:none;border:2pt solid #7f7fff;border-radius:10px 10px}.item-edit-box{display:flex;flex-direction:column;justify-content:center;padding:1rem}.edit-labels{display:flex;justify-content:space-between;padding:.5rem}.edit-labels label{font-weight:700}.edit-labels input{text-align:center;font-size:14pt;border-radius:10pt 10pt;border:2pt solid #8787fa}.edit-labels input:focus,.edit-labels input:hover{font-size:14pt;border:2pt solid #545499;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}input{width:60%}.item:hover{font-weight:700;border:2pt solid #3c3cac;box-shadow:12px 12px 2px 1px rgba(0,0,255,.2)}.item:active{background:#7f7fff;color:#fff;font-weight:700}.list,.list-total{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0}h5{font-size:14pt;margin:1rem auto}.empty-category,.empty-list,h5{text-align:center}.empty-category{font-weight:700}@media screen and (min-width:840px){.empty-category{font-size:16pt}}.total-budget{position:relative;text-align:center;font-size:10pt;font-weight:700;top:-2.5rem;color:#fff}.total{text-align:center;top:-1rem;font-size:14pt;margin:1rem auto;padding-top:.25rem;padding-bottom:.25rem;border:1pt solid purple;border-radius:20pt 20pt;width:60%}.total-container:hover .total{padding-bottom:1.5rem;background-color:#007dd1;color:#fff}.total:active{border:2pt solid #fff;box-shadow:0 0 2px 2px #000}.total-container{height:10vh}.empty-budgets{text-align:center;font-weight:700;font-size:12pt}@media screen and (min-width:840px){.empty-budgets{font-size:16pt}}.chart-container{display:flex;flex-direction:column}.graph-container{position:relative;height:40vh;width:80vw;margin:1rem auto}.add-item{width:35%;align-self:center;margin:.2rem;background-color:#008cba;color:#fff;font-size:10pt;padding:.5rem;border:2pt solid #fff;border-radius:5pt 5pt}.add-item:hover{border:2pt solid #3a3a70;box-shadow:4px 4px 2px 1px rgba(5,5,56,.2)}.add-item:active{background-color:#3a3a70;border:2pt solid #000}.button-container{display:flex;flex-direction:row;justify-content:space-evenly}@media screen and (min-width:720px){.graph-container{position:relative;height:40vh;width:50vw;margin:1rem auto}.add-item{font-size:14pt;padding:.5rem;margin:1rem;width:35%}}@media screen and (min-width:900px){.add-item{font-size:12pt;padding:.5rem;margin:1rem;width:25%}.graph-container{width:40vw}}@media screen and (min-width:1600px){.add-item{font-size:14pt;width:22%}}.add-item-form{border:2pt solid #8787fa;padding:1rem;margin:1rem;border-radius:10pt 10pt;display:flex;flex-direction:column}.add-item-form-inputs{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:.5rem}.add-item-form-inputs label{font-size:10pt;font-weight:700}.add-item-form-inputs input,.add-item-form-inputs label,.add-item-form-inputs select{width:40%;border-radius:10pt 10pt;padding:.3rem}.error{text-align:center}.add-item-form-buttons{margin:0 auto}#category{font-size:10pt;border:2pt solid #8787fa;border-radius:10pt 10pt;padding:.2rem}#category:focus{box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}#amount,#purchase{border:2pt solid #8787fa}#amount:focus,#amount:hover,#purchase:focus,#purchase:hover{font-size:10pt;border:2pt solid #5858a3;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.add-category-container{border:2pt solid #8787fa;padding:1rem;margin:1rem;border-radius:10pt 10pt;display:flex;flex-direction:column}.add-category-box{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem}.add-category-box label{font-weight:700;font-size:10pt}.add-category-box input,.add-category-box label{width:40%}.add-category-box input{text-align:center;padding:5pt;border-radius:25pt 25pt;border:2pt solid #8787fa}.add-category-box input:hover{border:2pt solid #4f4f96;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.add-category-box input:focus{font-size:12pt;border:2pt solid #8787fa;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.add-category-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center}.edit-container{margin:1rem;padding:.5rem;border:2pt solid #8787fa;font-weight:700;border-radius:15pt 15pt}.edit-form{flex-direction:column}.category-names,.edit-form{display:flex;justify-content:center;align-items:center}.category-names{flex-direction:row;font-size:12pt}.category-names label{margin:.5rem;padding:0}#category_to_change{padding:0;border:2pt solid #8787fa;align-self:center;margin:0 auto;width:50%;height:30pt;border-radius:10pt 10pt}#category_to_change:focus{box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.submit-cancel-buttons{margin:10pt;padding:.5rem;border-radius:25pt 25pt;border:2pt solid #8787fa}.submit-cancel-buttons:hover{background-color:#8787fa;color:#fff;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.edit-title-container{margin:.25rem}.edit-title{width:40%;padding:3pt;border-radius:25pt 25pt;font-size:10pt;text-align:center;border:2pt solid #8787fa}.edit-title:focus,.edit-title:hover{border:2pt solid #5959a3;box-shadow:4px 4px 2px 1px rgba(0,0,255,.2)}.delete-button{padding:.3rem}.category-names label,.category-names option,.category-names select{font-size:10pt}
/*# sourceMappingURL=main.43fe63d6.chunk.css.map */