@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;600;700&display=swap);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}*{box-sizing:border-box;font-family:Comfortaa,cursive;margin:0;padding:0}:root{--color01:#036;--color02:#0cc;--color03:#f0f5f9;--color04:#d9e2ec;--color05:#000;--flickr-pink:#f72585;--purple:#7209b7;--trypan-blue:#3a0ca3;--ultramarine-blue:#4361ee;--vivid-sky-blue:#4cc9f0;--border-radius01:0.5rem;--border-radius02:0.2rem;--box-shadow01:rgba(0,0,0,0.35) 0 5px 15px;--box-shadow02:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px}.logo{align-items:center;color:#000;color:var(--color05);display:flex;grid-gap:10px;gap:10px;justify-content:center;text-decoration:none}.logo .logo-text{align-self:flex-end;font-size:1.7rem}.logo .logo-image{width:40px}.login-page{align-items:center;background:linear-gradient(120deg,#036,#0cc);background:linear-gradient(120deg,var(--color01),var(--color02));display:flex;height:100vh;justify-content:center;width:100vw}.login-form{background-color:#fff;border-radius:.5rem;border-radius:var(--border-radius01);box-shadow:0 5px 15px rgba(0,0,0,.35);box-shadow:var(--box-shadow01);max-width:350px;min-height:40vh;padding:2.5rem;text-align:center}.login-form form{display:flex;flex-flow:column wrap;grid-gap:10px;gap:10px;margin-top:3rem;width:100%}.login-form input{border:0;font-size:1rem;padding:.5rem 1rem;transition:.2s}.login-form input:focus{border-bottom:2px solid #036;border-bottom:2px solid var(--color01);outline:0}.login-form button{font-size:1rem;font-weight:700;margin-top:2rem;padding:.5rem;transition:1s}.login-form button:hover:not(:disabled){cursor:pointer;opacity:.9}.wallet-page{display:grid;grid-template-areas:"header" "form" "table";grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.wallet-header{align-items:center;background-color:#0cc;background-color:var(--color02);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);box-shadow:var(--box-shadow02);display:flex;grid-area:header;justify-content:space-between;padding:3rem 5rem}.wallet-header p{font-size:1.2rem;font-weight:700}.expenses-value{align-items:center;background-color:#036;background-color:var(--color01);border-radius:.2rem;border-radius:var(--border-radius02);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);box-shadow:var(--box-shadow02);display:flex;grid-gap:4px;gap:4px;padding:1rem}.expenses-value p,.expenses-value span{color:#fff;font-size:1.1rem;font-weight:700}.wallet-form{align-items:center;background-color:#036;background-color:var(--color01);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);box-shadow:var(--box-shadow02);display:flex;flex-direction:column;grid-gap:3rem;gap:3rem;grid-area:form;padding:2rem 5rem}.wallet-form h2{color:#fff;font-size:1.7rem;font-weight:700}.wallet-form form{display:flex;flex-wrap:wrap;grid-gap:.8rem;gap:.8rem;justify-content:center;padding:1rem;width:100%}.wallet-form button,.wallet-form input,.wallet-form select{background-color:#fff;border:0;border-radius:.2rem;border-radius:var(--border-radius02);font-size:.9rem;font-weight:700;padding:.5rem 1rem}.wallet-form button{white-space:nowrap}.wallet-form button:hover:not(:disabled){cursor:pointer;opacity:.9}.expenses-table{grid-area:table;padding:3rem 5rem}.expenses-table h2{font-size:1.7rem;font-weight:700;text-align:center}.expenses-table table{border-collapse:collapse;margin-top:3rem;text-align:center;width:100%;word-wrap:break-word}.expenses-table td,.expenses-table th{border:1px solid rgba(0,0,0,.137);padding:.6rem}.expenses-table th{background-color:#d9e2ec;background-color:var(--color04);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);box-shadow:var(--box-shadow02);color:#000;color:var(--color05)}.buttons-section{grid-gap:2rem;gap:2rem;justify-content:center}.buttons-section button{background-color:#036;border:0;border-radius:.2rem;border-radius:var(--border-radius02);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:.5rem;padding:1rem}.buttons-section button:hover{cursor:pointer;opacity:.9}@media (max-width:1399.98px){.wallet-page{grid-template-rows:15vh auto auto}.wallet-form form{align-items:center;flex-direction:column}.wallet-form button,.wallet-form input,.wallet-form select{width:100%}.expenses-table thead{display:none}.expenses-table tbody,td,tr{display:block;width:100%}.expenses-table tr{margin-bottom:10px}.expenses-table td{position:relative;text-align:right}.expenses-table td:before{content:attr(data-label);font-weight:700;left:0;margin-left:10px;position:absolute;text-align:left;width:60%}}@media (max-width:767.98px){.expenses-table,.wallet-form,.wallet-header{padding:3rem .1rem}.wallet-page{grid-template-rows:repeat(3,auto)}.wallet-header{flex-direction:column;grid-gap:20px;gap:20px}.buttons-section{display:flex;justify-content:space-around}td.buttons-section:before{content:""}}
/*# sourceMappingURL=main.1deda932.chunk.css.map */