@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Ubuntu&display=swap);body{background-color:#909ead;background-color:var(--background);color:#fff;font-family:Montserrat,sans-serif;margin:0}:root{--primary:#1bad7a;--error:#cb0808;--background:#909ead;--transaction:#3f4851}header{background-color:#1bad7a;background-color:var(--primary);box-shadow:2px 2px 5px rgba(0,0,0,.4);width:100%}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px;width:100%}header a{color:#fff;text-decoration:none;text-shadow:2px 2px 5px rgba(0,0,0,.4)}header a:hover{color:#fff;text-decoration:underline;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pages{margin:0 auto;max-width:1400px;padding:20px}.home{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}h1,h2{text-shadow:2px 2px 5px rgba(0,0,0,.4)}.transaction-details{background-color:#3f4851;background-color:var(--transaction);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);margin:12px auto;padding:7px 10px 15px;position:relative}.transaction-details h3{display:inline-block;font-size:1.5em;font-weight:400;margin:0}.Amount{display:inline-block;font-size:1.3em;margin:0;position:absolute;right:10px}.date{display:block;font-size:1em;margin:0}.create,.date{position:relative}.create{align-items:flex-start;align-items:center;background-color:#1bad7a;background-color:var(--primary);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;text-shadow:2px 2px 5px rgba(0,0,0,.4);width:100%}.create h2{grid-column:1/span 2;margin:0;padding:20px;text-align:center}.create input,.create select{border-color:#fff;border-radius:4px;grid-column:2;margin:5px 10px 5px 0}.create input:hover,.create select:hover{border-color:#1bad7a;border-color:var(--primary)}.create input:focus,.create select:focus{border-color:#000;outline:none}.create label{grid-column:1;margin:5px}.create button,.linkaccountbutton,.syncButton{background-color:#1bad7a;background-color:var(--primary);border-color:#fff;border-radius:4px;color:#fff;display:block;font:inherit;margin:10px;text-shadow:2px 2px 5px rgba(0,0,0,.4)}.create button:hover,.linkaccountbutton:hover,.syncButton:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.syncButton{margin:0}p.error{background:#ffefef;border:1px solid #cb0808;border:1px solid var(--error);border-radius:4px;color:#cb0808;color:var(--error);display:inline-block;margin:10px;padding:5px}.deleteButton{background-color:#909ead;background-color:var(--background);border-color:#909ead;border-color:var(--background);border-radius:4px;bottom:7px;color:#fff;display:block;font-size:1em;font-weight:400;margin:0;padding:2px 5px;position:absolute;right:10px}.deleteButton:hover{background-color:#cb0808;background-color:var(--error);border-color:#cb0808;border-color:var(--error);color:#fff}.cashFlow{align-items:center;background-color:#1bad7a;background-color:var(--primary);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:grid;height:160px;margin:10px 0 0;position:relative;text-shadow:2px 2px 5px rgba(0,0,0,.4);width:100%}.cashFlow h3{font-size:4em}.cashFlow h2,.cashFlow h3{margin:0;text-align:center}.cashFlow h2{font-size:2em;padding-bottom:0;padding-top:0}.spendingDisplay{align-items:center;background-color:#1bad7a;background-color:var(--primary);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:grid;height:160px;margin:10px 0 0;position:relative;text-shadow:2px 2px 5px rgba(0,0,0,.4);width:100%}.spendingDisplay h3{font-size:4em;margin:0;text-align:center}.spendingDisplay h2{font-size:2em;margin:0;padding-bottom:0;padding-top:0;text-align:center}.incomeDisplay{align-items:center;background-color:#1bad7a;background-color:var(--primary);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:grid;height:160px;margin:10px 0 0;position:relative;text-shadow:2px 2px 5px rgba(0,0,0,.4);width:100%}.incomeDisplay h3{font-size:4em;margin:0;text-align:center}.incomeDisplay h2{font-size:2em;margin:0;padding-bottom:0;padding-top:0;text-align:center}.links{display:inline-flex;font-size:1.5em;padding:0}.incomeButton,.infoButton,.linkAccountButton,.spendingButton{margin-right:50px}.loginForm,.registerForm{align-items:flex-start;align-items:center;background-color:#1bad7a;background-color:var(--primary);border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;height:220px;position:relative;text-shadow:2px 2px 5px rgba(0,0,0,.4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loginForm h2,.registerForm h2{grid-column:1/span 2;margin:0;padding:20px;text-align:center}.loginForm input,.registerForm input{border-color:#fff;border-radius:4px;grid-column:2;margin:5px 10px 5px 0}.loginForm input:hover,.registerForm input:hover{border-color:#1bad7a;border-color:var(--primary)}.loginForm input:focus,.registerForm input:focus{border-color:#000;outline:none}.loginForm label,.registerForm label{grid-column:1;margin:5px}.loginForm button,.registerForm button{background-color:#1bad7a;background-color:var(--primary);border-color:#fff;border-radius:4px;color:#fff;display:block;font:inherit;margin:10px;text-shadow:2px 2px 5px rgba(0,0,0,.4)}.loginForm button:hover,.registerForm button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.aboveTransactions{align-items:baseline;display:flex;justify-content:space-between}.filterText{display:inline-block;margin:0 10px 0 0}.syncButton{display:inline;margin-right:10px}.allTransactionsText{margin:10px 0 0}.sortButton{background-color:#1bad7a;background-color:var(--primary);border-color:#fff;border-radius:4px;border-width:2px;color:#fff}.sortButton:hover{border-color:#3f4851;border-color:var(--transaction)}.linkaccountbuttondiv{display:flex;justify-content:center;margin:0}.linkaccountbutton{font-size:1.5em}.info h1,h2{text-shadow:none}.note{font-size:1.5em;margin:10px 0 0}.underline{text-decoration:underline}.pageNumber{display:inline-block}.syncButton:disabled{background-color:#ccc;color:#888;cursor:not-allowed;opacity:.7}
/*# sourceMappingURL=main.294b79df.css.map*/