html{color:#2c3e50;font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100%;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main{bottom:5%;flex:1 1;overflow:auto;position:absolute;top:7%}.bg-dark{background-color:#12002b;height:94%;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}.main-nav{align-items:center;display:flex;justify-content:space-between;padding:5px 20px}.main-nav a{color:#2c3e50;font-weight:700}.main-nav a.router-link-exact-active{color:#42b983}.main-nav-item{margin-right:.5rem;text-decoration:none}.main-nav-item:hover{text-decoration:underline}.main-nav-logo{align-items:center;display:flex}.main-nav-logo-image{max-width:100%;width:200px}.hero{background-image:url(/static/media/bank-tree.4d59987c7c62b024b014.jpeg);background-position:0 -50px;background-repeat:no-repeat;background-size:cover;height:300px;position:relative}.hero-content{background:#fff;margin:0 auto;padding:2rem;position:relative;text-align:left;top:2rem;width:200px}.hero-content .subtitle{font-size:1rem;font-weight:700;margin:0}.hero-content .text{font-size:.9rem;margin-bottom:0}@media (min-width:920px){.hero{background-position:0 33%;height:420px}.hero-content{margin:2rem;position:absolute;right:50px;top:50px;width:300px}.hero-content .subtitle{font-size:1.5rem}.hero-content .text{font-size:1.2rem}}.features{display:flex;flex-direction:column}@media (min-width:920px){.features{flex-direction:row}}.feature-icon{border:10px solid #00bc77;border-radius:50%;padding:1rem;width:100px}.feature-item{flex:1 1;padding:2.5rem}.feature-item-title{color:#222;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.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;width:100%}.sign-in-content{background-color:#fff;box-sizing:border-box;margin:3rem auto 0;padding:2rem;width:300px}.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}.footer{background-color:#fff;border-top:2px solid #ccc;bottom:0;justify-content:center;padding:2rem 0 1.5rem;position:absolute;width:100%}.footer-text{margin:0;padding:0}.account{align-items:center;background-color:#fff;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto 2rem;padding:1.5rem;text-align:left;width:80%}.account-amount{font-size:2.5rem;font-weight:700;margin:0}.account-amount-description{margin:0}.account-title{font-size:1rem;font-weight:400;margin:0;padding:0}.account-content-wrapper{flex:1 1;width:100%}.edit-button{background-color:#00bc77;border-color:#00bc77;color:#fff;font-weight:700;padding:10px}.header{color:#fff;margin-bottom:2rem}.account-button-link{text-decoration:none}.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:100%}svg{-webkit-animation:rotate 3.6s linear infinite;animation:rotate 3.6s linear infinite;left:45%;max-width:10rem;position:fixed;top:40%;-webkit-transform:(translate(-60%,-55%));transform:(translate(-60%,-55%));width:100%}circle{fill:none;stroke:#00bc77;stroke-width:8px;stroke-dasharray:300;-webkit-animation:outline 2s cubic-bezier(.77,0,.18,1) infinite;animation:outline 2s cubic-bezier(.77,0,.18,1) infinite}.err-mes{color:red;font-size:.75rem;font-style:italic}@-webkit-keyframes outline{0%{stroke-dashoffset:0}50%{stroke-dashoffset:300}to{stroke-dashoffset:600}}@keyframes outline{0%{stroke-dashoffset:0}50%{stroke-dashoffset:300}to{stroke-dashoffset:600}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@media (min-width:720px){.account{flex-direction:row}.account-content-wrapper.cta{flex:0 1}.transaction-button{width:200px}}.titleSection{border:1px solid #000;box-sizing:border-box;margin:0 auto;padding:1.5rem;text-align:center;width:100%}.titleSection-content-wrapper{flex:1 1;width:100%}.titleSection-title{font-size:1rem;font-weight:400;margin:0;padding:0}.titleSection-amount{font-size:2.5rem;font-weight:700;margin:0}.titleSection-amount-description{margin:0}#transpage{color:#fff;padding:150px 0 40px}.dataHead{font-weight:700;height:25px;margin:0 auto}.dataHead,.dataLine{display:flex;justify-content:space-between;width:90%}.dataLine{align-items:center;background:#fff;border:1px solid #000;color:#000;height:50px;margin:0 auto -10px}.downArrow_no,.upArrow{display:none}.upArrow_yes{display:block}#arrow{width:5%}#arrow:hover,.pencil:hover{cursor:pointer}#date{width:25%}#descr{width:30%}#amount,#balance{width:20%}.moreInfo{background:#12002b;display:none;max-height:0;padding:5px 0;transition:max-height 1s;width:90%}.moreInfo,.moreInfo_open{color:#000;margin:0 auto;overflow:hidden;text-align:left}.moreInfo_open{background:#fff;display:block;max-height:150px;padding:5px 0 5px 10%;width:80%}.sheen-btn{box-shadow:2px 2px 2px #000;overflow:hidden;position:relative}.sheen-btn:hover{cursor:pointer}.sheen:after{background:linear-gradient(180deg,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0));bottom:-50%;content:"";left:-50%;position:absolute;right:-50%;top:-50%;-webkit-transform:rotate(60deg) translate(-5em,7.5em);transform:rotate(60deg) translate(-5em,7.5em)}.sheen-btn:focus:after,.sheen:hover:after{-webkit-animation:sheen 1s forwards;animation:sheen 1s forwards}@-webkit-keyframes sheen{to{-webkit-transform:rotate(60deg) translate(1em,-9em);transform:rotate(60deg) translate(1em,-9em)}}@keyframes sheen{to{-webkit-transform:rotate(60deg) translate(1em,-9em);transform:rotate(60deg) translate(1em,-9em)}}.edit-btn{display:flex;justify-content:space-around;margin:10px auto;width:175px}
/*# sourceMappingURL=main.1d2cbce4.css.map*/