body{font-family:futura-pt,sans-serif;line-height:1rem}a{font-size:1rem}h1{font-size:1.625rem;line-height:2.25rem}@media(min-width:768px){h1{font-size:2.25rem;line-height:2.75rem}}h2{font-size:1rem;line-height:1.375rem}@media(min-width:768px){h2{font-size:1.5rem;line-height:2rem}}h3{font-size:.875rem;line-height:1.375rem}@media(min-width:768px){h3{font-size:1rem;line-height:1.5rem}}h4{font-size:.8125rem;line-height:1.125rem}@media(min-width:768px){h4{font-size:.875rem;line-height:1.375rem}}h5{font-size:.75rem;line-height:1.25rem;text-transform:uppercase;font-weight:600}.date,h5{color:#afafaf}.date{font-weight:400}p{font-size:.8125rem;line-height:1.25rem}@media(min-width:768px){p{font-size:1rem;line-height:1.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{background:#f8f8f8}.header{width:100%;background:#fff}.header,.header__inner{position:relative}@media(min-width:768px){.header__inner{margin:auto;width:768px}}.header__title{padding:.5rem}.header__signout{position:absolute;top:10px;right:10px;border:none;outline:none;background:none}.header__signout:focus{outline:none}.header__nav-container{margin:auto;width:200px}.header__nav-links{display:flex;justify-content:space-between;padding:.5rem}.header__link{color:#000;text-decoration:none;font-weight:500}.main{width:100%;padding-top:1rem}@media(min-width:768px){.main{margin:auto;width:768px}}.income{padding:.5rem}.income,.income__input-container{display:flex;flex-direction:column}.income__input{border:2px solid #000;border-radius:4px;background:#fff;height:48px;padding:0 .5rem;width:100%}@media(min-width:768px){.income__input{font-size:1rem;width:50%}}.income__input:focus{outline:none}.income__input::-webkit-input-placeholder{color:#6f6f6e;font-family:futura-pt}.income__input:-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.income__input::-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.income__input::placeholder{color:#6f6f6e;font-family:futura-pt}@media(min-width:768px){.income__input::-webkit-input-placeholder{font-size:1rem}.income__input:-ms-input-placeholder{font-size:1rem}.income__input::-ms-input-placeholder{font-size:1rem}.income__input::placeholder{font-size:1rem}}.income__display{padding:1rem 0 0}.expenses{padding:.5rem;margin:.5rem}.expenses,.expenses__input{border:2px solid #000;border-radius:4px}.expenses__input{background:#fff;height:48px;width:100%;padding:0 .5rem}@media(min-width:768px){.expenses__input{font-size:1rem;width:50%}}.expenses__input:focus{outline:none}.expenses__input::-webkit-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input:-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input::-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input::placeholder{color:#6f6f6e;font-family:futura-pt}@media(min-width:768px){.expenses__input::-webkit-input-placeholder{font-size:1rem}.expenses__input:-ms-input-placeholder{font-size:1rem}.expenses__input::-ms-input-placeholder{font-size:1rem}.expenses__input::placeholder{font-size:1rem}}.expenses__input-text{border:2px solid #000;border-radius:4px;background:#fff;resize:vertical;padding:0 .5rem;width:100%;height:80px;font-family:futura-pt,sans-serif}@media(min-width:768px){.expenses__input-text{font-size:1rem;width:50%}}.expenses__input-text:focus{outline:none}.expenses__input-text::-webkit-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input-text:-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input-text::-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.expenses__input-text::placeholder{color:#6f6f6e;font-family:futura-pt}@media(min-width:768px){.expenses__input-text::-webkit-input-placeholder{font-size:1rem}.expenses__input-text:-ms-input-placeholder{font-size:1rem}.expenses__input-text::-ms-input-placeholder{font-size:1rem}.expenses__input-text::placeholder{font-size:1rem}}.expenses__input-container{padding:.5rem 0}.expenses__input-border{border-bottom:1px solid #000;width:130px}.label{display:none}.default-expense{padding:.5rem;margin:1rem 0;position:relative;box-shadow:0 0 20px #d3d3d3}.default-expense__delete{outline:none;border:none;background:none;padding:.5rem;position:absolute;top:.5rem;right:.5rem}.default-expense__delete:focus{outline:none}.default-expense__edit{outline:none;border:none;background:none;padding:.5rem;position:absolute;bottom:.5rem;right:.5rem}.default-expense__edit:focus{outline:none}.default-expense__info{width:85%}.edit-expense{display:flex;flex-direction:column;padding:.5rem;margin:1rem 0;position:relative;box-shadow:0 0 20px #d3d3d3;min-height:124px}.edit-expense__input{border:2px solid #000;border-radius:4px;background:#fff;height:48px;padding:0 .5rem;width:100%;width:80%}@media(min-width:768px){.edit-expense__input{font-size:1rem;width:50%}}.edit-expense__input:focus{outline:none}.edit-expense__input::-webkit-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input:-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input::-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input::placeholder{color:#6f6f6e;font-family:futura-pt}@media(min-width:768px){.edit-expense__input::-webkit-input-placeholder{font-size:1rem}.edit-expense__input:-ms-input-placeholder{font-size:1rem}.edit-expense__input::-ms-input-placeholder{font-size:1rem}.edit-expense__input::placeholder{font-size:1rem}}.edit-expense__input-border{border-bottom:1px solid #000;width:130px}.edit-expense__input-text{border:2px solid #000;border-radius:4px;background:#fff;resize:vertical;padding:0 .5rem;width:100%;height:80px;font-family:futura-pt,sans-serif;width:80%}@media(min-width:768px){.edit-expense__input-text{font-size:1rem;width:50%}}.edit-expense__input-text:focus{outline:none}.edit-expense__input-text::-webkit-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input-text:-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input-text::-ms-input-placeholder{color:#6f6f6e;font-family:futura-pt}.edit-expense__input-text::placeholder{color:#6f6f6e;font-family:futura-pt}@media(min-width:768px){.edit-expense__input-text::-webkit-input-placeholder{font-size:1rem}.edit-expense__input-text:-ms-input-placeholder{font-size:1rem}.edit-expense__input-text::-ms-input-placeholder{font-size:1rem}.edit-expense__input-text::placeholder{font-size:1rem}}.edit-expense__save{outline:none;border:none;background:none;padding:.5rem;position:absolute;top:.5rem;right:.5rem}.edit-expense__save:focus{outline:none}.edit-expense__cancel{outline:none;border:none;background:none;padding:.5rem;position:absolute;bottom:.5rem;right:.5rem}.edit-expense__cancel:focus{outline:none}.remainder{padding:1rem .5rem}.visualizer{padding:1rem 0}.percent{background:none;border:2px solid #000;height:48px;width:100%;overflow:hidden;position:relative}@media(min-width:768px){.percent{width:50%}}.percent__expenses{background:#d3d3d3;height:100%}.percent__text{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.total-expenses{padding:0 .5rem 1rem}.btn{width:100%;height:48px;padding:.5rem;border:2px solid #000;border-radius:4px;outline:none;margin:.5rem 0;background:#fff}.btn:hover{background:#d3d3d3}.btn:focus{outline:none}.btn:active{transform:translateX(2px) translateY(2px)}@media(min-width:768px){.btn{width:180px}}.divider{width:100%;padding:1rem;border-bottom:2px solid #000}.about{width:100%;padding:.5rem}@media(min-width:768px){.about{width:768px;margin:auto}}.social-icon{height:25px}.social-icon__container{margin:auto;display:flex;justify-content:space-between;align-items:center;width:150px;height:50px}.sign-in{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:.5rem}
/*# sourceMappingURL=main.b7844fd9.chunk.css.map */