body{-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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-nav{justify-content:space-between;padding:5px 20px}.main-nav,.main-nav-logo{align-items:center;display:flex}.main-nav-logo img{height:54px;width:200px}.main-nav-item{align-items:center;margin-right:.5rem;text-decoration:none}.main-nav-item,.nav,.nav-right{display:flex;flex-direction:row}.nav-right{color:#2c3e50;font-weight:700}.nav-right:hover{text-decoration:underline}.main-nav a{color:#2c3e50;font-weight:700}.main-nav a:hover{text-decoration:underline}.usericon{margin-right:3px}.btn-nav{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;outline:none;padding:0}.footer{border-top:2px solid #ccc;display:flex;justify-content:center;padding:2rem 0 1.5rem}.footer-text{margin:0;padding:0}.hero{background-image:url(/static/media/bank-tree.efcfe5893d3a6be4299d.webp);background-position:0 33%;background-repeat:no-repeat;background-size:cover;height:400px;position:relative;width:100%}.sr-only{clip:rect(1px,1px,1px,1px)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.hero-content{background:#fff;margin:2rem;padding:2rem;position:absolute;right:50px;text-align:left;top:50px;width:300px}.hero-content .subtitle{font-size:1.5rem;font-weight:700;margin:0}.hero-content .text{font-size:1.2rem;margin-bottom:0}@media only screen and (max-width:920px){.hero{background-position:0 -50px;height:300px}.hero-content{background:#fff;margin:0 auto;padding:2rem;position:relative;right:0;text-align:left;top:2rem;width:200px}.hero-content .subtitle{font-size:1rem}.hero-content .text{font-size:.9rem}}.bankinfo{display:flex;flex-direction:row}.feature-item{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:2.5rem}.feature-icon{border:10px solid #00bc77;border-radius:50%;padding:1rem;width:100px}.feature-item-title{color:#222;font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.feature-txt{text-align:center}@media only screen and (max-width:920px){.bankinfo{flex-direction:column}}.background{align-items:center;display:flex;flex-direction:column}.edit-button{background-color:#00bc77;border-color:#00bc77;color:#fff;font-weight:700;padding:10px}.header{align-items:center;color:#fff;display:flex;flex-direction:column}.header h1{text-align:center}.hidden-form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:center;margin:0 100px;width:350px}.hidden-form-title{color:#000;margin-top:0}.form{display:flex;flex-direction:column;gap:5px}.buttons{display:flex;flex-direction:row;justify-content:space-evenly}.edit-username-button{background-color:#00bc77;border:none;border-radius:5px;color:#fff;font-weight:700;padding:10px;width:100px}#firstname{border:1px solid;border-radius:5px;width:138px}#firstname,#lastname{background-color:grey;height:30px;margin-left:7px;opacity:.3;padding-left:10px}#lastname{border:none;border-radius:5px;font-weight:700;margin-bottom:15px;width:140px}#username{border:1px solid;border-radius:5px;height:30px;margin-left:4px;padding-left:10px;width:138px}.background{background-color:#12002b;padding-bottom:32px}.account{align-items:center;background-color:#fff;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto 2rem;padding:1.5rem;text-align:left;width:80%}.account-content-wrapper{flex:0 1;width:100%}.account-title{font-size:1rem;font-weight:400;margin:0;padding:0}.account-amount{font-size:2.5rem;font-weight:700;margin:0}.account-amount-description{margin:0}.account-content-wrapper.cta{flex:0 1}.transaction-button{background-color:#00bc77;border-color:#00bc77;color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:8px;width:200px}@media only screen and (max-width:720px){.account{flex-direction:column}.account-content-wrapper.cta{flex:0 1}.account-content-wrapper{flex:1 1;width:100%}.transaction-button{width:100%}}.backgroundcolor,.main-login{background-color:#12002b}.main-login{flex:1 1}.sign-in-content{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;padding:2rem;width:300px}.sign-in-content h1{font-size:24px}.usericon{height:16px;width:16px}.sign-in-icon{font-size:5rem}.input-remember{display:flex}.input-remember label{margin-left:.25rem}.input-wrapper{display:flex;flex-direction:column;margin-bottom:1rem;text-align:left}.input-wrapper label{font-weight:700}.input-wrapper input{font-size:1.2rem;padding:5px}.sign-in-button{background-color:#00bc77;border-color:#00bc77;color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:8px;text-align:center;width:100%}.form-login{background-color:#12002b;flex:1 1;height:608px;padding-top:48px}
/*# sourceMappingURL=main.ef0f0a0e.css.map*/