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}html{margin:0;padding:0}*{font-family:Arial,Helvetica,sans-serif;font-size:16px}main{background-color:#ede6de}.btn{background-color:#333;border:none;border-radius:.25rem;color:#fff;margin:.25rem;max-width:10rem;min-height:2rem;min-width:5rem;padding:.5rem}.btn:hover{cursor:pointer}.landing-btn-container{left:.5rem;position:relative;top:1rem}.primary-btn{background-color:#206040}.accent-btn{background-color:#604020}.income-btn{background-color:#206040}.expense-btn{background-color:#862e2d}.disabled-btn{opacity:.5}.disabled-btn:hover{cursor:not-allowed}.close-btn{background-color:#862e2d;right:0}.close-btn,.nav-btn{position:absolute;top:0}.nav-btn{left:0}.hidden-btn{background:none;border:hidden}.kofi-btn{background:none;margin:0 auto;position:relative}.shrink-btn{background-color:#d9f2e6;color:#000;right:1rem}.logout-btn,.shrink-btn{bottom:6rem;position:absolute}.logout-btn{background-color:#862e2d;left:1rem}td{background-color:#e6e6e6;border-radius:.25rem;padding:.25rem}.flex{display:flex;flex-wrap:wrap}nav ul li{list-style:none;margin:.5rem}.dashboard{position:absolute;right:0;width:85%}.btn .line{background-color:#fff;height:.1rem;margin:.25rem;width:90%}.nav{background-color:#1a4d33;color:#d9f2e6;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;width:15%}.nav,.nav-btn{position:fixed;z-index:2}.nav-btn{bottom:10rem;height:4rem;overflow:clip;right:1rem;width:100vw}.nav .link{color:#d9f2e6}.left-nav{padding:1rem;width:35rem}.nav-heading{color:#fff;text-align:center}.nav ul li{list-style:none}.nav h2,.nav h3{color:#d9f2e6}@media only screen and (min-width:901px){.shrink-btn{visibility:hidden}}@media only screen and (max-width:1250px){.dashboard{width:80%}.nav{width:20%}}@media only screen and (max-width:900px){.dashboard{width:100%}.nav{width:35%}}@media only screen and (max-width:600px){.nav{height:100%;width:100%}}.page-header{background-color:#e6b3b3;margin:0;padding:0}.landing-header{background-color:#bddbcc;padding:1rem}.login-header{display:flex;flex-direction:column;height:5rem;width:95%}.text-input{border-radius:.5rem;margin:.5rem;padding:.5rem;width:80%}.category-text-input,.number-input{margin:.5rem;width:45%}.select{border:.1rem solid #000;border-radius:.5rem;max-width:20rem;min-height:2rem;min-width:5rem}.category-select,.select-input{margin:.5rem}.space-between{display:flex;justify-content:space-between}.card{background-color:#f2cca6;border-radius:.5rem;margin:1rem;padding:1rem;width:25rem}.center-text{text-align:center}.center{margin:0 auto;position:relative}.modal{background-color:#ccccccbf;height:100vh;left:0;padding:1rem;position:absolute;top:0;width:100vw;z-index:2}.modal-card{height:80vh;left:10vw;overflow-y:scroll;position:absolute;top:10vh;width:80vw}.notification-icon{position:fixed;right:1rem;top:1rem}.notifications-count{background-color:#bf4240;border-radius:.5rem;color:#fff;height:1rem;padding:.25rem;position:absolute;right:0;top:-.5rem;width:1rem}.notification-panel{background-color:#d9f2e6;border:.25rem solid #000;border-radius:1rem;height:25rem;overflow-y:scroll;padding:1rem;position:fixed;right:1rem;top:1rem}.notification-panel h2{color:#0d261a}.notification-item{background-color:#f2e6d9;border:.25rem solid #000;border-radius:1rem;margin-top:.5rem}.dashboard{overflow-y:scroll;z-index:1}.dashboard *{margin:1rem}.dashboard h1{text-align:center}.component{margin:1rem;overflow-x:scroll}.transactions-table{background-color:#b3e6cc;border-radius:.5rem;max-width:80%;min-width:50%;overflow:hidden;padding:.5rem}.transaction-form{background-color:#b3e6cc;border:.1rem solid #000;border-radius:.5rem;box-shadow:.25rem .25rem #000;display:flex;flex-direction:column;height:50vh;justify-content:space-around;margin:25vh 10vw;padding:1rem;width:80vw}@media only screen and (max-width:456px){.transaction-form{height:70vh;margin:12.5vh 5vw;padding:0;width:90vw}.transaction-form h2{margin:0;text-align:center}.transaction-form select{width:5rem}.transaction-form .space-between{margin:5%;width:90%}.transaction-form .btn{width:6rem}.transaction-btns{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;width:90%}.transaction-btns .btn{margin:0}.transaction-form .category-select,.transaction-form .category-text-input,.transaction-form .number-input{width:90%}}.bell-icon{width:2rem}.login-form{background-color:#d9f2e6;border:.1rem solid grey;border-radius:.5rem;margin:auto 1rem;padding:1rem;width:30rem}.login-page{background-color:#a6d9f2;height:100vh;width:100vw}.login-img{height:100%;position:absolute}.panel{align-items:center;background-color:#1a4d33;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100vh;position:absolute;width:35rem}.panel h1{color:#d9f2e6}.panel .landing-btn{background-color:#d9f2e6;color:#333}@media only screen and (max-width:1000px){.panel{width:100vw}.login-form{margin:auto}}@media only screen and (max-width:700px){.panel{width:100vw}.login-form{margin-left:5vw;margin-right:5vw;width:80vw}h1 .center-text{margin:0}}h1{color:#133926;font-size:2.25rem}h1,h2{line-height:4rem}h2{color:#4d331a;font-size:2rem}h3{color:#000;font-size:1.5rem;line-height:4rem}button,li,p{color:#333;font-size:1.25rem;font-weight:750;line-height:1.5rem}b,strong{color:#000;font-weight:900}.link{color:#000;font-size:1.25rem;font-weight:750;line-height:1.5rem}.link:hover{color:#86592d}.text{font-weight:500}.border{border:.2rem solid #000}.login-title{text-align:center}.negative{color:#732826;font-weight:700}.positive{color:#1a4d33;font-weight:700}
/*# sourceMappingURL=main.c77fbf03.css.map*/