.sidebar_l{height:100vh;background-color:#262626;width:15%;font-weight:600}.sidebar_l .logo_n{padding:10px;height:7%;display:flex;align-items:center;color:#daa520}.sidebar_l .logo_n h1{margin-top:0;font-size:29px;height:100%;display:flex;align-items:center}.sidebar_l .arrow{display:none}.sidebar_l .profile{height:23.33%;display:flex;align-items:center;margin-left:23px}.sidebar_l .profile .avatar{display:contents}.sidebar_l .profile h3{margin-left:12px}.sidebar_l .nav{height:33.33%}.sidebar_l .nav ul{padding-left:20px}.sidebar_l .nav ul a{text-decoration:none}.sidebar_l .nav ul li{color:#d3d3d3;display:flex;align-items:center}.sidebar_l .nav ul li:hover{color:#14b6e4;cursor:pointer;transition:1s}.sidebar_l .nav ul li p{margin-left:15px}.sidebar_l .nav ul #dash{color:#14b6e4}.sidebar_l .nav_b{height:31.33%;display:flex;align-items:flex-end;color:#d3d3d3;margin-left:10px}.sidebar_l .nav_b a{text-decoration:none}.sidebar_l .nav_b .exit{display:flex;align-items:center;color:#d3d3d3}.sidebar_l .nav_b .exit:hover{color:#14b6e4;transition:1s;cursor:pointer}.sidebar_l .nav_b .exit p{margin-left:6px}.sidebar_l .nav_b .darkmode{display:flex;align-items:center}.sidebar_l .nav_b .darkmode .switch{width:36px;height:17px;border-radius:16px;position:relative;background-color:#0f0f22}.sidebar_l .nav_b .darkmode .switch div{height:17px;width:16px;border-radius:40px;background:#fff;position:absolute;right:0}.sidebar_l .nav_b .darkmode p{margin-left:6px}@media screen and (max-width:1400px){.sidebar_l{height:100vh;position:absolute;top:0;width:6%}.sidebar_l .profile{margin-left:0;justify-content:center}.sidebar_l .profile h3{display:none}.sidebar_l .profile .MuiAvatar-root{width:35px;height:35px}.sidebar_l .nav ul{padding-left:0;display:flex;flex-direction:column;align-items:center}.sidebar_l .nav ul li{margin-bottom:20px}.sidebar_l .nav ul p{display:none}.sidebar_l .nav_b{justify-content:center;margin-left:0}.sidebar_l .exit p{display:none}.sidebar_l .darkmode{display:none!important}.sidebar_l .logo_n{display:none}.sidebar_l .logo{width:100%;height:87px;background-image:url(/static/media/logo.69edd247.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (max-width:969px){.sidebar_l{width:8%}}@media screen and (max-width:600px){.sidebar_l{display:none}.sidebar_l .profile{width:35%;height:32%;position:relative}.sidebar_l .profile .avatar{display:flex;align-items:center;width:100%;justify-content:center;position:absolute;top:5px;left:0}.sidebar_l .profile .avatar .arrow{display:flex}.sidebar_l .profile .avatar .arrow .MuiAvatar-circle{width:25px;height:25px}.sidebar_l .logo{position:absolute!important;width:39%!important;height:61px!important;right:0!important;top:3px!important}.sidebar_l .nav ul{margin-left:47px;align-items:flex-start}.sidebar_l .nav p{display:block!important}.sidebar_l .nav_b{height:32.33%!important;justify-content:end!important;margin-left:36px!important}.sidebar_l .nav_b p{display:block!important}.sidebar_l_open{animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;height:100vh;width:100vw;display:block;z-index:10000}.sidebar_l_open h3{display:block!important}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{width:80%;height:8%;position:absolute;left:17%;margin:0 20px;display:flex;justify-content:space-between;color:#fff}.navbar .avatar{display:none}.navbar h1{height:100%;display:flex;align-items:center;margin-top:0;font-size:25px;font-weight:700}.navbar button{border:none;outline:none;color:grey;background:inherit;width:14%;position:absolute;right:0;height:100%}.navbar button svg{width:70px;height:40px}.navbar .hamburger{display:none}.navbar .hamburger .line1,.navbar .hamburger .line2,.navbar .hamburger .line3{background-color:#fff;height:3px;width:35px;margin:6px 8px;transition:.7s}.navbar .hamburger .change1{transform:rotate(-40deg) translate(-9px,10px)}.navbar .hamburger .change2{opacity:0;margin-top:13px}.navbar .hamburger .change3{transform:rotate(40deg) translate(-7px,-8px)}@media screen and (max-width:1400px){.nav_title{position:absolute;left:7%}.navbar{width:87%!important;position:relative!important;margin:auto!important;left:0!important}.nav_b{height:29%!important}.hamburger{display:block!important;height:35px!important;position:absolute!important;right:0!important;top:20px!important}.hamburger_open{height:43px!important;right:28%!important;top:30px!important;z-index:10;background-color:#252525;width:50px;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}}@media screen and (max-width:969px){.nav svg{width:22px}.profile .MuiAvatar-root{width:25px!important;height:25px!important}.hamburger_open{right:42%!important}}@media screen and (max-width:600px){.navbar{width:100%!important}.navbar .avatar{display:flex;align-items:center;width:19%;justify-content:center}.navbar .avatar .arrow{display:flex}.navbar .avatar .arrow .MuiAvatar-circle{width:25px;height:25px}.nav_title{left:19%!important;font-size:20px!important}.hamburger{right:10px!important;top:10px!important}.hamburger .line1,.hamburger .line2,.hamburger .line3{width:27px!important}}@keyframes slide-in-right{0%{transform:translateX(1000px);opacity:0}to{transform:translateX(0);opacity:1}}.card_container{width:65%;border-bottom:0;margin:50px 0 0 20px;height:43%;padding:0;flex-wrap:wrap;position:relative;background-color:#262626}.card_container .header_c{border-bottom:1px solid #000;height:13%;width:100%;font-size:20px;font-weight:600;display:flex;align-items:center;background-color:#262626}.card_container .header_c p{padding-left:10px}.card_container .container{height:85%;width:100%;display:flex;flex-wrap:wrap;overflow:scroll;margin:0}.card_container .container::-webkit-scrollbar{display:none}.card_container .follow_card{width:33.33%;height:50%;background-color:#262626;box-shadow:0 0 4px 0 #000;font-weight:600;position:relative;animation:add 1s;margin:0}.card_container .follow_card .header{display:flex;justify-content:space-between;padding:0 10px;align-items:center;height:15%;margin-top:10px;font-size:13px}.card_container .follow_card .header:hover{cursor:pointer}.card_container .follow_card .header .header_l{display:flex;align-items:center}.card_container .follow_card .header .header_l .icon{width:26px;height:23px;margin-right:10px}.card_container .follow_card .header .header_l .icon img{width:100%;height:100%}.card_container .follow_card .header .header_l p{display:flex;align-items:center}.card_container .follow_card .header .header_l p svg{margin:0 3px}.card_container .follow_card .header .percentage{display:flex;align-items:center}.card_container .follow_card .followed_container{width:100%;height:83%;display:flex;flex-direction:column;justify-content:center}.card_container .follow_card .followed_container .chart{height:70%;width:90%;margin:auto}.card_container .follow_card .followed_container .chart canvas{height:80%!important;width:75%!important;margin:auto}.card_container .follow_card .followed_container p{margin:5px 0 0 20px;height:20%;font-size:20px;color:#fff}.card_container .follow_card .delete_btn{position:absolute;bottom:4px;right:10px;width:20px;height:30px}.card_container .follow_card .delete_btn:hover{cursor:pointer;color:#b30909;transition:1s}.card_container .follow_card .delete_btn svg{width:100%;height:100%}@media screen and (max-width:1400px){.card_container{width:90%!important;margin:75px auto auto!important}}@media screen and (max-width:969px){.follow_card{width:50%!important}}@media screen and (max-width:600px){.card_container{margin-top:111px!important;height:35%!important;width:100%!important}.card_container .container{height:87%!important}.card_container .container .follow_card{width:100%!important;height:auto}}@keyframes add{0%{opacity:0}to{opacity:1}}.chart_container{width:65%;height:50%;margin:20px;background-color:#262626;font-weight:600}.chart_container .header{height:13%;display:flex;justify-content:flex-start;position:relative;box-shadow:0 0 4px 0 #000;font-size:13px}.chart_container .header .currency{width:40%;height:100%;display:flex;align-items:center;justify-content:space-between}.chart_container .header .currency svg{margin-left:23px}.chart_container .header .currency svg:hover{color:#14b6e4;cursor:pointer;transition:1s}.chart_container .header .currency .currency_name,.chart_container .header .currency .percentage{display:flex;align-items:center}.chart_container .header .currency .percentage svg{margin-left:0}.chart_container .header .currency p{font-size:15px}.chart_container .header .currency .value{font-size:20px;color:#fff}.chart_container .header .currency .icon{width:26px;height:23px;margin-right:10px}.chart_container .header .currency .icon img{width:100%;height:100%}.chart_container .header table{width:40%;height:100%;position:absolute;right:0}.chart_container .header table td,.chart_container .header table th{width:50%;text-align:center}.chart_container .chart{height:83%;position:relative}.chart_container .filter_container{height:50px;background-color:#262626}.chart_container .filter_container .filter{display:flex;font-size:12px;width:50%;justify-content:space-around;color:#d3d3d3;height:100%;align-items:center}.chart_container .filter_container .filter p:hover{cursor:pointer;transition:.3s;color:#daa520}@media screen and (max-width:1400px){.chart_container{width:90%!important;margin:auto!important}}@media screen and (max-width:969px){.currency{width:50%!important}}@media screen and (max-width:600px){.chart_container{width:100%!important}.chart_container .currency{width:85%!important}.chart_container .currency svg{margin-left:10px!important}.chart_container table{top:48vh!important;background-color:#262626!important;width:100%!important}.chart_container .filter{width:100%!important;font-size:10px!important}}.sidebar_r{height:99%;width:30%;position:absolute;top:20px;right:0;background-color:#262626;font-weight:600}.sidebar_r .legend{height:7%;display:flex;align-items:center;justify-content:space-around;box-shadow:0 0 4px 0 #000}.sidebar_r .legend p{width:33.33%;text-align:center}.sidebar_r .currency_list{overflow:scroll;height:93%}.sidebar_r .currency_list::-webkit-scrollbar{display:none}.sidebar_r .currency_list .field{display:flex;justify-content:space-around;align-items:center;animation:start 1s}.sidebar_r .currency_list .field:hover{background-color:#161616;cursor:pointer;transition:.5s}.sidebar_r .currency_list .field .icon{width:26px;height:23px;margin-left:12px}.sidebar_r .currency_list .field .icon img{width:100%;height:100%}.sidebar_r .currency_list .field .name{font-size:inherit;margin-left:10px;text-align:left;width:25%;font-size:14px}.sidebar_r .currency_list .field p{width:33.33%;text-align:center;font-size:14px}.sidebar_r .currency_list .field .value{color:#fff;font-size:17px}.sidebar_r .currency_list .field .percentage{font-weight:600;display:flex;justify-content:center;align-items:center;position:relative}@media screen and (max-width:1400px){.sidebar_r{display:none;transition:1s}.sidebar_r_open{display:block;height:100vh;width:35%;position:absolute;top:-8%;right:-20px;border-radius:0;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}.sidebar_r_open .legend{margin-top:10px;box-shadow:none!important}.sidebar_r_open .form{position:relative;top:10px;height:5%;margin-left:25px}.sidebar_r_open .form form{width:85%}.sidebar_r_open .form form input[type=text]{background-color:#161616}.sidebar_r_open .currency_list{height:87.5%!important}}@media screen and (max-width:600px){.sidebar_r_open{width:100vw!important;right:-24px!important}.field{width:85%!important}.field:hover{background-color:#262626!important}.legend{width:85%!important}.form{margin-left:0!important}.form svg{display:none}}@media screen and (max-width:969px){.sidebar_r{width:50%}}.home{width:80%;height:90%;position:absolute;left:17%;top:7%}@media screen and (max-width:1400px){.home{left:8%!important;margin:auto;width:90%!important}.overlay{-webkit-filter:blur(4px);filter:blur(4px)}}@media screen and (max-width:600px){.home{left:5%!important}}.news{width:80%;height:90%;position:absolute;left:17%;top:7%;display:flex;flex-wrap:wrap;justify-content:space-around;font-size:10px;overflow:scroll}.news::-webkit-scrollbar{display:none}.news .card{width:30%;height:400px;text-align:center;overflow:hidden;position:relative;margin-top:20px;margin-left:0;animation:start 1.5s}.news .card a{color:inherit;text-decoration:none}.news .card:hover{cursor:pointer}.news .card:hover .card_info{opacity:1}.news .card:hover .bg{-webkit-filter:blur(8px);filter:blur(8px);transition:.3s}.news .card .bg{width:100%;height:100%;position:absolute;z-index:-1;top:0}.news .card .card_info{position:absolute;bottom:70px;left:0;z-index:1000;opacity:0;transition:bottom .3s,opacity .3s cubic-bezier(.33,.66,.66,1);font-size:13px;text-align:justify;padding:0 50px;line-height:1.6}.news .card .intro{width:170px;margin:0 auto;font-size:13px}.news .card hr{width:50px;height:3px;border:none;margin:20px auto;background-color:#14b6e4}.news .card .card_title{text-align:center;position:absolute;z-index:1000;width:100%;top:0;left:0}.news .card .card_title h3{font-size:20px;font-weight:500;letter-spacing:2px;padding:0 10px}.news .card .utility_info{position:absolute;bottom:10px;right:20px;z-index:1000;display:flex;align-items:center;font-size:13px;font-weight:600}.news .card .utility_info svg{width:20px;height:20px;color:#14b6e4;margin-right:10px}.news .card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;background-color:#000;z-index:1;transition:bottom .3s,opacity .3s cubic-bezier(.33,.66,.66,1)}@media screen and (max-width:1400px){.news{width:84%;left:11%}.news .card_title h3{font-size:17px!important}}@media screen and (max-width:969px){.card{width:48%!important}}@media screen and (max-width:600px){.news{width:90%!important;left:5%!important}.news .card{width:100%!important}}@keyframes start{0%{opacity:0}to{opacity:1}}.login{width:100%;height:100vh;position:absolute;z-index:10;top:0;background:#161616;display:flex;align-items:center;justify-content:space-around}.login .description{width:40%;height:460px;color:#fff}.login .description h2{font-size:40px;color:#daa520}.login .description h4,.login .description p{font-size:22px;margin-bottom:0}.login .description h4{color:#fff}.login .login_container{box-shadow:0 0 25px 12px rgba(0,0,0,.34)}.login .login_container,.login .signup{width:450px;height:auto;margin-right:50px;background:#212121;position:relative;z-index:10000}.login .login_container .logo,.login .signup .logo{width:150px;height:150px;margin:auto;background-image:url(/static/media/logo.69edd247.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login .login_container form,.login .signup form{display:flex;flex-direction:column;width:70%;margin:auto}.login .login_container form label,.login .signup form label{margin-bottom:5px}.login .login_container form input[type=password],.login .login_container form input[type=text],.login .signup form input[type=password],.login .signup form input[type=text]{border:none;outline:none;color:#000;padding:10px 5px;margin-bottom:20px}.login .login_container form .login_btn,.login .signup form .login_btn{margin:20px auto 7px;position:relative;overflow:hidden;width:100%;height:50px;background-color:#1199be;outline:none;border:none;border-radius:30px;color:#fff;transition:.5s}.login .login_container form .login_btn:focus,.login .signup form .login_btn:focus{outline:0}.login .login_container form .login_btn:before,.login .signup form .login_btn:before{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.5);width:60px;height:100%;left:0;top:0;opacity:.5;-webkit-filter:blur(30px);filter:blur(30px);transform:translateX(-100px) skewX(-15deg)}.login .login_container form .login_btn:after,.login .signup form .login_btn:after{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.2);width:30px;height:100%;left:30px;top:0;opacity:0;-webkit-filter:blur(5px);filter:blur(5px);transform:translateX(-100px) skewX(-15deg)}.login .login_container form .login_btn:hover,.login .signup form .login_btn:hover{background:#14b6e4;cursor:pointer;transition:.5s}.login .login_container form .login_btn:hover:before,.login .signup form .login_btn:hover:before{transform:translateX(300px) skewX(-15deg);opacity:.6;transition:.7s}.login .login_container form .login_btn:hover:after,.login .signup form .login_btn:hover:after{transform:translateX(300px) skewX(-15deg);opacity:1;transition:.7s}.login .login_container form a,.login .signup form a{cursor:inherit}.login .login_container hr,.login .signup hr{width:41%;border:1px solid grey}.login .login_container .register_c,.login .signup .register_c{width:70%;display:flex;justify-content:center;margin:12px auto 45px}.login .login_container .register_c button,.login .signup .register_c button{width:80%;height:40px;border:none;outline:none;background:#daa520;color:#fff;border-radius:10px}.login .login_container .register_c button:hover,.login .signup .register_c button:hover{cursor:pointer}.login .signup{height:auto;display:none}.login .signup .signup_container{position:relative}.login .signup .signup_container .login_btn{margin-top:25px!important;margin-bottom:25px!important}.login .signup .signup_container .login_btn:hover{cursor:pointer}.login .signup .signup_container .close{position:absolute;right:20px;top:15px}.login .signup .signup_container .close:hover{cursor:pointer}.login .display{display:block!important;position:absolute;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}.login .overlay{-webkit-filter:blur(10px);filter:blur(10px)}@media screen and (max-width:969px){.login{display:block}.login .login_container,.login .signup_container{width:50%;margin:auto;height:500px}.login .description{width:50%;height:27%;margin:auto}.login .description p{font-size:18px}.login .description h4{margin-top:-20px}.login .signup{width:100vw;top:22%;background-color:rgba(231,213,255,0)}.login .signup .signup_container{background-color:#212121}}@media screen and (max-width:600px){.login,.signup{display:block}.login .login_container,.login .signup_container,.signup .login_container,.signup .signup_container{width:86%;height:470px}.login .login_container .logo,.login .signup_container .logo,.signup .login_container .logo,.signup .signup_container .logo{height:125px}.login .description,.signup .description{width:86%;height:25%}.login .description p,.signup .description p{font-size:12px}.login .description h4,.signup .description h4{font-size:15px}.login .description h2,.signup .description h2{font-size:26px}}.form{position:absolute;top:-60px;height:40px;background:#262626;justify-content:space-around}.form,.form form{display:flex;align-items:center}.form form{width:80%}.form form input[type=text]{width:93%;outline:none;border:none;padding:6px;background:#262626;color:#fff}.form svg{width:7%}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;height:100vh;padding:0;margin:0;box-sizing:border-box;background-color:#161616}body .red{color:red}body .green{color:#32cd32}body .App{height:100vh;color:#d3d3d3}body .loader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}body .error{width:100%;height:99.5%}body .error .error_img{background-position:50%;background-image:url(/static/media/coins.8c5bd295.svg);height:40%;background-repeat:no-repeat;margin:42px auto auto}body .error p{color:grey;width:100%;text-align:center}body .display{display:none!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3c1338fc.chunk.css.map */