@import url(https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Cinzel:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f2f2f2;font-family:Poppins,sans-serif;position:relative}.side-nav{background-color:#fff;box-shadow:0 2px 10px #0000001a;min-height:2900px;padding-bottom:10em;transform:translateX(0);transition:transform .3s ease-in-out;width:320px}.side-nav.hidden{transform:translateX(-100%)}.side-nav-input{display:none}.logo-container{background-color:#7f63f4;height:100px;justify-content:space-between;padding-right:1em}.logo,.logo-container{align-items:center;display:flex}.logo-container .nav-icon{display:none}.navigation-container{border-bottom:1px solid #abafb3;padding:2em}.navigation-container p{font-size:.8rem;text-align:left}.navigation-container:last-of-type{border:none}.navigations{align-items:center;display:flex;gap:10px;margin-left:-2em;margin-right:-2em;margin-top:2em;padding:0 2em;position:relative}.navigations:hover:before{background-color:#7f63f4;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transition:background-color .3s ease;width:100%;z-index:0}.navigations:hover{padding:1em 2em}.navigations p,.navigations svg{color:#aaa;font-size:1rem;position:relative;z-index:1}.navigations:hover svg{color:#7f63f4}.top-nav{background-color:#fff;box-shadow:0 4px 8px #7777771a;height:100px;left:0;position:absolute;right:0;top:0;transition:left .3s ease-in-out}.top-nav.shift{left:318px}.topnav-container{align-items:center;display:flex;justify-content:space-between;padding:1em 2em}.side-nav-input input,.topnav-left input{background-color:#f3f3f3;border:none;border-radius:5px;padding:10px 30px}.topnav-right{align-items:center;display:flex;gap:20px}.nav-icon{cursor:pointer}.nav-icon:hover{transform:scale(1.2)}.purple-header{align-items:center;display:flex;justify-content:space-between;padding:1em 2em;position:relative;top:11px;z-index:0}.purple-header:before{background-color:#7f63f4;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}.purple-header-left p{color:#7f63f4;position:relative}.purple-header-right{align-items:center;display:flex;gap:10px}.purple-header-right a{color:#000;position:relative;text-decoration:none}.purple-header-right a:hover{color:#7f63f4}.main-page{left:2%;margin:1em;position:absolute;right:0;top:7%;transition:left .3s ease-in-out}.main-page.shifted{left:312px;margin:0 2em}.coins-section{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding-right:2em}.overview{background-color:#7f63f4;padding:2em}.overview h1{color:#fff;font-size:1.2rem;font-weight:400}.coins{align-items:center;display:flex;gap:8px}.coins p{color:#6a707e;font-size:.8rem}.coins span{color:red;font-size:.8rem}.coins .green{color:green}.coin-details-section{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(220px,1fr));margin-top:3em}.coin-detail-container{background-color:#fff;box-shadow:0 2px 10px #0000001a}.coin-details{display:flex;justify-content:space-between;padding:2em 1em}.coin-details h2{color:#464a53;font-size:1rem;font-weight:400}.coin-details p{color:#6a707e;font-size:.8rem}.coin-details .red{color:red}.coin-details .green{color:green}.coin-details-left{display:flex;gap:5px}.coin-details-left img{height:40px;width:40px}.coin-detail-container:first-child .coin-details-body{background-color:orange}.coin-detail-container:nth-child(2) .coin-details-body{background-color:#7bb31a}.coin-detail-container:nth-child(3) .coin-details-body{background-color:#7f63f4}.coin-detail-container:nth-child(4) .coin-details-body{background-color:#1875f0}.coin-details-body{padding-bottom:1em}.coin-details-body img{height:100px;width:220px}.coin-details-body p{color:#fff;font-size:.8rem;padding-right:1.5em;text-align:right}.data-table-section{margin-top:2em}.data-table-container{align-items:center;display:flex;gap:30px;justify-content:space-between}.data-table-market{width:75%}.data-table-market h2{color:#464a53;font-size:1.3rem;font-weight:400;text-align:left}.data-table-market p{color:#abafb3;font-size:.8rem;font-weight:400;text-align:left}.data-table-market table{border-collapse:collapse;margin-top:2em;width:100%}.data-table-market td{font-size:.65rem}.data-table-market th{background-color:#f2f2f2;box-shadow:none;color:#464a53}.data-table-market th,td{font-size:.8rem}.price-loss{color:red}.price-gain{color:green}.data-table-market tr{background-color:#fff;border-bottom:10px solid #f2f2f2;box-shadow:none;transition:transform .3s ease}.data-table-market tr td{box-shadow:0 2px 0 #0000001a}.data-table-market tr:hover{cursor:pointer;transform:translateY(-5px)}.coin-data img{height:30px;width:20px}.coin-data{align-items:center;display:flex;gap:5px}.trading-activity{width:100%}.trading-table{border-collapse:collapse;margin-top:2em;width:100%}.trading-activity h2{color:#464a53;font-size:1.3rem;font-weight:400;text-align:left}.trading-activity p{color:#abafb3;font-size:.8rem;font-weight:400;text-align:left}.trading-table th{background-color:#f2f2f2;box-shadow:none;color:#464a53}.trading-table th,td{font-size:.8rem;padding:.5em}.trading-table td{font-size:.65rem}.trading-table tr{background-color:#fff;border-bottom:1px solid #f2f2f2;box-shadow:none;transition:transform .3s ease}.trading-table tr td{box-shadow:0 2px 0 #0000001a}.trading-table tr:hover{cursor:pointer;transform:translateY(-5px)}.cancelled-btn,.pending-btn,.trading-table .complete-btn{background-color:#35b968;border:none;border-radius:50px;color:#fff;padding:8px 20px}.pending-btn{background-color:#dc4139}.cancelled-btn{background-color:#fe3153}.coin-transfer-section{display:flex;gap:10px;justify-content:space-between;margin-top:3em}.coin-transfer-container{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:1em .7em;text-align:left}.coin-transfer-container:last-of-type{text-align:center}.coin-transfer-container h3{color:#464a53;font-weight:400}.coin-transfer-container p{color:#6a707e;font-size:.8rem;margin-top:2em}.coin-transfer-container:last-of-type p{font-size:.7rem}.coin-transfer-container span{color:#abafb3;font-size:.7rem;margin-left:1em}.input-container{display:flex}.coin-transfer-container:last-of-type .input-container:first-of-type{margin-top:2em}.input-container img{background-color:#dddfe1;padding:0 1em}.input-container input{border:1px solid #dddfe1;padding:10px 20px}.input-container input::placeholder{color:#abafb3}.input-container select{border:1px solid #dddfe1;color:#abafb3}.exchange-btn,.settings-btn,.transfer-btn,.view-btn{background-color:initial;border:1px solid #7f63f4;color:#7f63f4;margin-top:2em;padding:10px 20px}.view-btn{background-color:#f0f0f2;border:1px solid #cacaca;color:#000}.settings-btn{background-color:#7f63f4;color:#fff;margin-left:1em}.exchange-btn{margin-top:auto}.arrow{margin-top:1em}.chart{margin-top:3em;text-align:left}.chart select{margin-bottom:1em}.chart-section{background-color:#fff;margin:0 auto;padding:2em}.chart-style{box-shadow:0 2px 0 #0000001a;width:100%}.chart-content{display:flex;justify-content:space-between}.chart-title p{color:#464a53}.chart-prices{display:flex;gap:50px;justify-content:flex-end;margin-bottom:2em;margin-right:5em;text-align:left}.chart-prices div h4{color:#6a707e;font-size:.8rem;font-weight:400}.chart-prices div p{color:#6a707e}.order-section{margin-top:5em}.order-container{align-items:center;display:flex;gap:30px;justify-content:space-between}.order-container.unshift .order table{width:100%}.order{width:50%}.order table{border-collapse:collapse;margin-top:4em}.order tr td{box-shadow:0 2px 0 #0000001a}.order th{box-shadow:none}.order th,td{color:#6a707e;font-size:.8rem;padding:1.2em 2.9em}.order td{font-size:.9rem}.order tr{background-color:#fff;border-bottom:10px solid #f2f2f2;box-shadow:none;transition:transform .3s ease}.order tr:hover{transform:translateY(-20px)}.order-header{align-items:center;display:flex;justify-content:space-between}.order-header h4{color:#464a53;font-size:1.4rem}.chart select,.order-header select{background-color:initial;border:1px solid #dddfe1;color:#464a53;padding:10px 20px}.order-header select>option{color:#dddfe1}footer{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;margin-top:3em;padding:10px 20px;position:absolute;right:0}button:hover{cursor:pointer}@media(max-width:1300px){.side-nav{left:0;min-height:3000px;position:relative;right:0;top:0;width:100%}.top-nav.shift{display:none}.logo-container{justify-content:space-between}.logo-container .nav-icon{display:block}.main-page.shifted,.top-nav.shift .purple-header,.top-nav.shift img{display:none}.top-nav.shift .nav-icon,.top-nav.shift .user-icon{display:block}.top-nav.shift .user-icon{height:50px;margin-left:1em;width:50px}.top-nav.shift p{font-size:.8rem}}@media(max-width:1200px){.coin-transfer-section{grid-row-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px}.coin-transfer-container{padding:2em;width:400px}}@media(max-width:992px){.coin-details-section{grid-template-columns:repeat(2,minmax(220px,1fr))}.coins{gap:8px}.coins p,span{font-size:.5rem}.overview{padding:1.2em}.coin-transfer-section{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr))}.coin-transfer-container{padding:2em}.order-container{flex-direction:column}.order-container .order{width:100%}.data-table-container{flex-direction:column}.data-table-market{width:100%}}@media(max-width:768px){.coins span{font-size:.5rem}}@media(max-width:576px){.top-nav .user-icon{height:30px;width:30px}.top-nav img{margin-left:.5em}.top-nav p{font-size:.7rem}.purple-header{top:30px}.purple-header-right a{font-size:.7rem}.top-nav.shift .user-icon,.top-nav.shift input,.top-nav.shift p{display:none}.coins-section{align-items:center;flex-direction:column;font-size:1rem;gap:10px;padding:0}.overview{padding:.5em 3em;width:100%}.overview h1{font-size:1rem}.coins{align-items:center;display:flex;gap:20px;justify-content:center}.coins p{color:#6a707e;font-size:.8rem}.coins span{color:red;font-size:.8rem}.coin-transfer-section{align-items:center;display:flex;flex-direction:column;gap:20px}.coin-transfer-container{width:400px}}@media(max-width:480px){.topnav-container{margin-top:1em}.top-nav input{display:none}.side-nav-input{display:block;margin-left:1.5em;margin-top:2em;text-align:left}.side-nav-input input{width:90%}.coin-details-section{display:flex;flex-direction:column}.data-table-container{align-items:center}.trading-table th,td{font-size:.6rem}.trading-table td{font-size:.5rem}.cancelled-btn,.pending-btn,.trading-table .complete-btn{padding:5px 10px}.chart-title p{font-size:.8rem}.chart-prices{gap:2px}.chart-prices h4{font-size:.5rem}.chart-prices p{font-size:.6rem}.coin-transfer-container{width:370px}.order-header h4{font-size:1rem}.order td,.order th,td{font-size:.7rem}}@media(max-width:390px){.top-nav.shift .nav-icon{margin-right:2em}.topnav-container{margin-top:1em}.purple-header{top:22px}.coin-details h2{font-size:.9rem}.coin-details p{font-size:.7rem}.data-table-market h2,.trading-activity h2{font-size:1rem}.trading-table th,td{font-size:.5rem}.trading-table td{font-size:.4rem}.cancelled-btn,.pending-btn,.trading-table .complete-btn{padding:4px 8px}.coin-transfer-container{width:350px}.coin-transfer-container h3{font-size:1rem}.order td,.order th,td{font-size:.6rem}}@media(max-width:370px){.data-table-market th,td{font-size:.5rem}.data-table-market td{font-size:.4rem}.coin-transfer-container{width:300px}.coin-transfer-container .input-container input{width:80%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.51670691.css.map*/