@import url(https://fonts.googleapis.com/css?family=Homenaje&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}body{background-image:url(images/image.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;font-family:Homenaje,sans-serif;height:100%;margin:0;padding:0;width:100%}#app{min-height:100%;min-width:100%}.btn2{margin-left:auto;margin-right:auto;padding-bottom:15px;padding-top:15px}.loginImageBtn{height:80px}.userProImageBtn{height:60px}.btn:hover{background:#ff4d41;cursor:pointer}.btnAppleLogin{align-items:center;background:#000;border-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);color:#ecf0f1;display:flex;font-size:25px;font-weight:bolder;height:45px;justify-content:center;letter-spacing:.2em;margin-bottom:30px;margin-right:10%;min-height:40px!important;padding:3px;text-align:center;text-transform:uppercase;transition:all .3s;width:45px}.btnAppleLogin:hover{background:#fff;color:#000;cursor:pointer}.btnAppleLogin:hover i{color:#fff}.loginOptionText1{align-self:center;color:green;font-family:LilyScriptOne;font-size:30px}.loginOptionText2{margin-top:15px}.loginOptionText2,.loginOptionText3{align-self:center;color:green;font-family:LilyScriptOne;font-size:20px}.loginOptionText3{margin-bottom:15px}.userIDText{align-items:start;align-self:flex-end;color:#fff;margin-right:20px}.btnFacebookLogin{align-items:center;background:#3c5999;border-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);color:#ecf0f1;display:flex;font-size:25px;font-weight:bolder;height:45px;justify-content:center;letter-spacing:.2em;margin-bottom:30px;margin-left:30%;margin-right:30%;min-height:40px!important;padding:3px;text-align:center;text-transform:uppercase;transition:all .3s;width:45px}.btnFacebookLogin:hover{background:#fff;color:#000;cursor:pointer}.btnFacebookLogin:hover i{color:#fff}.otherLoginButtons{display:flex;flex-direction:row;justify-content:space-evenly}.box{height:480px}.box,.profileBox{background:hsla(0,0%,100%,.5);border-radius:30px;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:space-evenly;margin:0 auto;padding-bottom:20px;padding-top:20px;width:640px}.profileBox{height:auto;overflow:hidden}.box h3{color:#ecf0f1;font-size:12px;letter-spacing:.2em;margin-left:10%;text-transform:uppercase}.loginContainer{align-items:center;display:flex;justify-content:center;min-height:100vh}.metamaskIcon{height:30px;width:30px}.walletName{align-items:center;display:flex;justify-content:center;text-align:center}.walletConnectBox{background:rgba(47,54,64,.5);border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;margin:0 auto;padding-bottom:20px;padding-top:20px;width:400px}.btnMetamaskConnect{background:#fb6549;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);color:#ecf0f1;font-size:16px;font-weight:bolder;letter-spacing:.2em;margin-left:10%;margin-right:10%;margin-top:30px;padding:3px;text-align:center;text-transform:uppercase;transition:all .3s;width:80%}.btnMetamaskConnect:hover{background:#ff4d41;cursor:pointer}.btnDepositAndWithdraw{background:#fb6549;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);color:#ecf0f1;font-size:16px;font-weight:bolder;height:50px;letter-spacing:.2em;margin-top:30px;padding:3px;text-align:center;text-transform:uppercase;transition:all .3s;width:120px!important}.btnDepositAndWithdraw:hover{background:#ff4d41;cursor:pointer}.input{background:#87cefa;border:1px solid #000;border-radius:15px;font-family:inherit;font-size:large;height:30px;letter-spacing:.15em;margin-left:10%;margin-right:10%;margin-top:30px;outline:none;padding:10px;text-indent:15px;transition:all .3s ease-in-out;width:75%}.inputFieldLabel{align-self:center;color:green;font-family:LilyScriptOne;font-size:20px;margin-bottom:15px;margin-left:10%}.input:focus{border:1px solid #ff4d41;box-shadow:0 0 5px #fb6549}.errorMsg h3,.hideErrorMsg h3{background:rgba(47,41,41,.5);color:#efefef;font-weight:700;letter-spacing:.27em;padding:10px;width:75%}.errorMsg h3{animation:slideIn .3s cubic-bezier(.165,.84,.44,1) forwards}.hideErrorMsg h3{animation:slideOut .9s cubic-bezier(.165,.84,.44,1) forwards}bodyx{background:#49afa8;background-position:200% -40%;background-repeat:no-repeat,no-repeat;background-size:80%;color:#054231;font-family:Hind Guntur,sans-serif;justify-content:center}.card,bodyx{display:flex}.card{animation:open .5s;background:hsla(0,0%,100%,.5);background-position:120% -5%,200% -40%;background-repeat:no-repeat,no-repeat;background-size:40%,80%;border-radius:30px;box-shadow:0 2px 4px 0 rgba(0,0,0,.45);flex-direction:column;height:480px;justify-content:space-evenly;margin:0 auto;padding-bottom:20px;padding-top:20px;width:640px}@keyframes open{0%{background-position:166% -25%,220% -69%}to{background-position:120% -5%,200% -40%}}form{align-items:center;justify-content:center}.field,form{display:flex;flex-direction:column}.field{margin:5px}input[type=file]{display:none}.custom-file-upload{background:linear-gradient(270deg,#3fa1a9,#79f1a4);border-radius:50%;cursor:pointer;display:inline-block;margin-bottom:25px;padding:6px;position:relative}.img-wrap{overflow:hidden;position:relative}.img-upload:before,.img-wrap{border-radius:50%;height:200px;width:200px}.img-upload:before{background-color:#fff;color:#63d3a6;content:"\f093";font-size:90px;left:50%;opacity:0;padding-top:80px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.5s ease}.img-upload:hover:before{opacity:1}img{height:100%;width:auto}label{color:#676767;font-weight:700;text-transform:uppercase}input{border:1px solid #b7b7b7;border-radius:15px;font-size:18px;padding:5px 5px 5px 10px;transition:.2s}input:focus{border:1px solid #64d488;outline:none}input::placeholder{color:#bebebe}.name{color:#676767;font-weight:700;text-transform:uppercase}.name,.status{max-width:220px;overflow-wrap:break-word;text-align:center}.submitProfile{background:#64d488;border:none;border-radius:10px;border-radius:25px;color:#054231;cursor:pointer;font-size:18px;letter-spacing:1px;margin:20px;padding:10px;position:relative;text-align:center;transition:.5s}.cancel,.save{box-shadow:20px 0 40px 0 #63d3a6;font-weight:600;left:0;letter-spacing:1px;text-transform:uppercase;width:180px}.edit{color:#fff;width:180px}.submitProfile:hover{box-shadow:0 0 20px 0 #63d3a6;color:#fff;left:0;width:190px}button:focus{outline:none}.lds-ripple{display:inline-block;height:64px;position:relative;width:64px}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}.fa-instagram{background-color:#df10;border:#df10;color:#79f1a4;font-size:38px;position:absolute;right:2%;top:3%}.fa-instagram:hover{color:#caff81;cursor:pointer;font-size:42px;transition:all .1s linear}.tabList{background:transparent}.tabList,.tabPanel{text-align:center}.react-tabs__tab:focus:after{background:none!important}@keyframes slideIn{0%{opacity:0;transform:translate3d(-20rem,0,500rem)}to{opacity:1;transform:translateZ(0)}}@keyframes slideOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,500rem)}}@font-face{font-family:LilyScriptOne;src:local("LilyScriptOne"),url(437a32518471e598e811.ttf) format("truetype")}