@import url(https://fonts.googleapis.com/css2?family=Nunito:ital@1&display=swap);#root{-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;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:0;box-sizing:border-box;font-family:Nunito,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{height:100vh;max-width:100%;width:100vw}input:focus,select:focus,textarea:focus{border:0;box-shadow:0 0 0 0;outline:0}:root{--color-primary-1:#fd377e;--color-primary-2:#e34981;--color-secondary-1:#03b898;--color-white:#fff;--color-grey-1:#f8f9fa;--color-grey-2:#e9ecef;--color-grey-3:#868e96;--color-grey-4:#212529;--font-0:800 38px "Nunito",sans-serif;--font-1:bold 28px "Nunito",sans-serif;--font-2:bold 24px "Nunito",sans-serif;--font-3:bold 20px "Nunito",sans-serif;--font-4:bold 12px "Nunito",sans-serif;--font-headline:normal 16px "Nunito",sans-serif;--font-body:normal 12px "Nunito",sans-serif;--radius:8px;--radius-2:4px}.black{--color-primary-1:#fd377e;--color-primary-2:#e34981;--color-secondary-1:#03b898;--color-white:#fff;--color-grey-1:#212529;--color-grey-2:#868e96;--color-grey-3:#e9ecef;--color-grey-4:#f8f9fa}.home__page{align-items:center;background-color:var(--color-grey-1);display:flex;flex-direction:row;gap:20px;height:100vh;padding:0 8%;width:100vw}.container__logo{align-items:flex-start;display:flex;flex-direction:column;gap:30px;justify-content:center;width:40vw}.container__logo>p{color:var(--color-white);font:var(--font-0)}.container__logo>span{color:var(--color-white);font:var(--font-headline)}.button--start{background-color:var(--color-primary-1);color:var(--color-white)}.container__img{align-items:center;display:flex;justify-content:center}.container__img>figure,figure>img{width:100%}.container__img>figure>img{object-fit:cover}@media (max-width:849px){.home__page{flex-direction:column;gap:40px}.container__logo{align-items:center;flex-wrap:wrap;margin-top:40px;text-align:center;width:100%}.container__logo>h1{align-self:flex-start}.container__logo>p{font:var(--font-1)}.container__logo>button{bottom:80px;left:calc(50vw - 100px);position:fixed;width:200px}.container__img{height:200px}.container__img>figure,figure>img{width:200px}.container__img>figure>img{object-fit:cover}}.logo{color:var(--color-grey-4);font:var(--font-1)}.logo>span{color:var(--color-primary-1)}button{cursor:pointer}.button__primary{background-color:var(--color-primary-1);border-radius:var(--radius);color:var(--color-white);font:var(--font-headline);padding:13px 20px;width:75%}.button__primary:hover{background-color:var(--color-primary-2)}.button__grey{background-color:var(--color-grey-2);border-radius:var(--radius);color:var(--color-grey-3);padding:8px 16px}.button__grey:hover{background-color:var(--color-grey-4);color:var(--color-grey-1)}.button__grey:focus{background-color:var(--color-primary-1);color:var(--color-grey-2)}main{background-color:var(--color-white)}.container__nav{background-color:var(--color-grey-1);box-shadow:0 4px 32px -12px rgba(0,0,0,.25);height:80px;padding:0 8%;width:100%}.container__nav,.nav__transaction{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.nav__transaction{margin-bottom:25px}.nav__transaction>h2{color:var(--color-grey-4);font:var(--font-headline);font-weight:700;margin-right:15px}.nav__transaction>nav{display:flex;flex-direction:row;gap:20px}input{padding:13px}.input__grey{background-color:var(--color-grey-1);border-radius:var(--radius);color:var(--color-grey-4);font:var(--font-headline)}.input__grey ::-webkit-input-placeholder{color:var(--color-grey-2);font:var(--font-headline)}.input__grey ::placeholder{color:var(--color-grey-2);font:var(--font-headline)}#input__value::-webkit-input-placeholder{text-align:end}#input__value::placeholder{text-align:end}.create__transaction{align-items:flex-start;border:1px solid var(--color-grey-2);display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:35px 25px}.create__transaction>input{width:100%}.create__transaction>span{color:var(--color-grey-3);font:var(--font-body);width:100%}.create__transaction>div{display:flex;flex-direction:column;width:calc(50% - 10px)}.create__transaction label{font:var(--font-body)}.create__transaction>div>label{margin-bottom:15px}.create__transaction>div>select{background-color:var(--color-grey-1);border:none;border-radius:var(--radius-2);color:var(--color-grey-4);font:var(--font-headline);padding:16px 13px}.create__transaction>button{width:100%}.total{align-items:flex-start;border:1px solid var(--color-grey-2);display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:15px;position:relative}.total>h2{color:var(--color-grey-4)}.total>h2,.total>p{font:var(--font-headline);font-weight:700}.total>p{color:var(--color-primary-1);position:absolute;right:15px}.total>span{color:var(--color-grey-3);font:var(--font-4)}.card{align-items:flex-start;border-left:4px solid transparent;border-radius:var(--radius-2);display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;padding:15px;position:relative}.card,.card:hover{background-color:var(--color-grey-1)}.card:hover{box-shadow:0 4px 42px -12px rgba(0,0,0,.25)}.card>h3{color:var(--color-grey-4);font:var(--font-headline)}.card>p{position:absolute;right:60px;top:25px}.card>h5,.card>p{color:var(--color-grey-3);font:var(--font-4)}#card__button--close{background-color:var(--color-grey-2);border-radius:var(--radius-2);color:var(--color-grey-4);cursor:pointer;font-size:18px;padding:2px;position:absolute;right:15px;top:20px}#card__button--close:hover{background-color:var(--color-grey-4);color:var(--color-grey-2)}.profile__page{align-items:flex-start;display:flex;gap:40px;height:calc(100vh - 80px);max-width:100%;padding:40px 8% 20px}.container__create,.container__resumo{min-width:46%}.container__resumo>ul{display:flex;flex-direction:column;gap:20px;max-height:383px;overflow-y:scroll;width:100%}@media (max-width:849px){.profile__page{flex-direction:column;height:auto;padding-bottom:40px}.container__create,.container__resumo{width:100%}.create__transaction>button{margin-top:20px}}
/*# sourceMappingURL=main.80d1e149.css.map*/