.header{align-items:center;display:flex;justify-content:space-between}.header a{color:inherit;font-family:inherit;text-decoration:none}.header__btns{align-items:center;display:flex}.header__btn{margin-right:2rem}.header__btns .btn--logout{align-items:center;background-color:var(--color-black-1);color:var(--color-white);display:flex;text-decoration:none;transition:all .4s}.header__btns .btn--logout img{height:2.3rem;margin-right:.5rem}.header__btns .btn--logout:hover{background-color:var(--color-black-2);color:rgba(255,0,0,.85)}.home{align-items:center;color:#444;display:flex;justify-content:space-between;min-height:80vh}.home__text{padding:1rem 4rem}.home__text h1{font-size:5.5rem}.home__text h4{font-size:2.4rem;font-weight:500}.home__img{height:40rem}.box{background-color:var(--color-white);margin:auto;padding:2rem;position:relative;width:38rem}.box__avatar{background-color:var(--color-green-1)!important;color:inherit!important;margin:auto}.box__main{align-items:center;display:flex;justify-content:center;min-height:10rem;position:relative}.box__heading{font-size:2rem;font-weight:700;margin:1rem;text-align:center}.auth__form{display:flex;flex-direction:column;width:100%}.box input,.box label{font-size:1.7rem}.MuiGrid-item{padding:1rem .5rem!important}.form__btn{margin:2rem auto}.status-msg{border-radius:4px;box-sizing:border-box;display:block;line-height:2.2rem;margin:auto;min-height:2.2rem;padding:1rem;text-align:center}.status--error{background-color:rgba(255,0,0,.692)}.status--ok{background-color:rgba(0,128,0,.692)}@media only screen and (max-width:37.5em){.box{width:35rem}}.transactions{background-color:#fff;border-radius:1rem;display:flex;flex-direction:column-reverse;height:50rem;overflow:scroll;width:50rem}.transaction{border-bottom:1px solid #ccc;padding:1rem 2rem}.trx__row--1{align-items:center;display:flex;justify-content:space-between}.trx__type{border-radius:10rem;color:#fff;font-size:1.1rem;font-weight:500;margin-right:2rem;padding:.4rem .8rem;text-transform:uppercase}.trx__type--deposit{background-image:linear-gradient(to top left,#39b385,#9be15d)}.trx__type--withdrawal{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}.trx__amount{color:#444;font-size:2rem}.trx__fee{color:#444;font-size:1.2rem;margin-left:1rem}@media only screen and (max-width:37.5em){.transactions{height:50rem;width:85%}}.form--trx{background-color:#fff;display:flex;flex-direction:column;justify-content:space-around;margin:0 auto;padding:1rem 2rem;row-gap:2rem;width:25rem}.form__heading{font-size:2.4rem;text-align:center}.form--trx input,.form--trx label{font-size:1.8rem;height:2rem}.form--trx button{margin:0 auto 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dashboard{display:flex;flex-direction:column}.dashboard__header{align-items:center;display:flex;justify-content:space-between;margin:1.5rem 0}.dashboard__header h4{font-size:2.2rem;font-weight:500}.dashboard__header span{font-size:3rem}.dashboard__main{display:flex;justify-content:space-around}.dashboard__forms{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;row-gap:4rem;width:50%}@media only screen and (max-width:50em){.dashboard__main{align-items:center;flex-direction:column-reverse;row-gap:4rem}.dashboard__forms{width:100%}.dashboard__header h4{font-size:2rem;font-weight:500}.dashboard__header span{font-size:2rem}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.6}:root{--color-grey:#f3f3f3;--color-white:#fff;--color-green-1:#9be15d;--color-green-2:#39b385;--gradient-primary:linear-gradient(to top left,#39b385,#9be15d);--color-black-1:#202121;--color-black-2:rgba(32,33,33,.902)}#root{background-color:#f3f3f3;background-color:var(--color-grey);min-height:100vh;padding:1rem}.heading-1{font-size:4rem}.btn{background-color:#9be15d;background-color:var(--color-green-1);border:none;cursor:pointer;font-size:1.9rem;letter-spacing:1px;padding:1rem;transition:all .3s ease-in-out}.btn:hover{background-color:#39b385;background-color:var(--color-green-2)}@media only screen and (max-width:37.5em){html{font-size:55%}.heading-1{font-size:3rem}}
/*# sourceMappingURL=main.f7e01b5e.css.map*/