:root{--primary-blue:#003459;--secondary-blue:#007ea7;--dark-blue:#00171f;--green:#00e84f;--red:#e80000;--white:#fff;--header-size:2rem;--sub-header-size:1.375rem;--text-size:1rem;--font:"Roboto",sans-serif;--border-radius:16px;--border-radius-mobile:8px;--padding-tb:1.3125em;--padding-lr:2.375em;--padding-tbm:1.3125em;--padding-lrm:1.375em}*{box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--font);letter-spacing:.05em;margin:0;padding:0}.wrapper{margin:3.5rem 0}.container{margin:0 auto;width:90%}h1{color:#003459;color:var(--primary-blue);font-size:2rem;font-size:var(--header-size);font-weight:700;letter-spacing:.05em;text-align:center}h2{color:#fff;color:var(--white);font-size:1.375rem;font-size:var(--sub-header-size);font-weight:500}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-mobile);display:flex;justify-content:center;padding:1.3125em;padding:var(--padding-tbm) var(--padding-tbm)}.btn--green{background-color:#00e84f;background-color:var(--green);margin:1.25rem auto 0;width:70%}.btn--green:hover{box-shadow:5px 5px 25px #00171f;box-shadow:5px 5px 25px var(--dark-blue)}.btn--red{background-color:#e80000;background-color:var(--red);color:#fff;color:var(--white);margin:0 auto;width:70%}.btn--red:hover{box-shadow:5px 5px 25px #00171f;box-shadow:5px 5px 25px var(--dark-blue)}.fa-trash,.plus{color:#000;margin-left:1em;width:1.09em}.icon--white{color:#fff}.hero--section{background-color:#003459;background-color:var(--primary-blue);border-radius:8px;border-radius:var(--border-radius-mobile);margin-top:2rem;padding:2em}.hero--section,.input{display:flex;flex-direction:column}.input{margin-bottom:2.125em}.input-field{border:none;border-radius:8px;border-radius:var(--border-radius-mobile);padding:1.3125em 1.375em;padding:var(--padding-tbm) var(--padding-lrm)}.label{color:#fff;margin-bottom:.93em}.input--hero{position:relative}.alert--hero{bottom:-25px;color:#e80000;color:var(--red);left:0;position:absolute}.expenses{background-color:#003459;background-color:var(--primary-blue);border-radius:8px;border-radius:var(--border-radius-mobile);margin-top:2rem}.card,.expenses{padding:1.3125em 1.375em;padding:var(--padding-tbm) var(--padding-lrm)}.card{background-color:#fff;background-color:var(--white);border:1px solid #fff;border-radius:8px;border-radius:var(--border-radius-mobile);color:#00171f;color:var(--dark-blue);display:flex;justify-content:space-between;margin:2em 0;position:relative}.card--content{word-wrap:break-word;width:60%}.card--title{word-wrap:break-word;width:90%}.icons{position:absolute;right:0;top:0;width:40%}.icon,.icons{display:flex;height:100%}.icon{align-items:center;color:#fff;color:var(--white);font-size:large;justify-content:center;width:50%}.edit{background-color:#00e84f;background-color:var(--green)}.edit:hover{box-shadow:5px 5px 25px #00171f;box-shadow:5px 5px 25px var(--dark-blue);color:#00171f;color:var(--dark-blue)}.delete{background-color:#e80000;background-color:var(--red);border-radius:0 8px 8px 0}.delete:hover{box-shadow:5px 5px 25px #00171f;box-shadow:5px 5px 25px var(--dark-blue);color:#00171f;color:var(--dark-blue)}.total{background-color:#007ea7;background-color:var(--secondary-blue);border-radius:8px;border-radius:var(--border-radius-mobile);margin-top:2rem;padding:1.3125em 1.375em;padding:var(--padding-tbm) var(--padding-lrm)}.total--amt{word-wrap:break-word;color:#fff;color:var(--white);font-size:2rem;font-size:var(--header-size);margin-top:1rem}.alert,.message{background-color:rgba(232,0,0,.5);border:3px solid #e80000;border:3px solid var(--red);border-radius:8px;border-radius:var(--border-radius-mobile);color:#00171f;color:var(--dark-blue);font-weight:700;margin-top:2em;padding:1.3125em 1.375em;padding:var(--padding-tbm) var(--padding-lrm);z-index:10}.message{background-color:rgba(0,232,79,.5);border:3px solid #00e84f;border:3px solid var(--green)}@media (min-width:900px){.container{max-width:800px;width:60%}.content--container{display:flex;position:relative}.hero--section{width:45%}.expenses{position:absolute;right:0;width:50%}.expenses:after{bottom:-10%;content:"";height:10%;left:0;position:absolute;width:100%}.total{width:45%}.alert,.message{position:fixed;right:3%;top:0;width:20%}}
/*# sourceMappingURL=main.1af41c22.css.map*/