.hero-section{width:100%;height:100vh;background-image:linear-gradient(to top,#0f051d 30%,#130749 70%);color:#fff}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content h1{font-size:90px;font-weight:700}.hero-content span{font-size:90px;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(25deg,#2600fc,#ff00ea)}.hero-content .btn-container{display:flex;justify-content:center;align-items:center;column-gap:50px}.hero-content .coin-container{display:flex;justify-content:center;align-items:center;column-gap:20px;margin-top:3rem}.hero-content .coin-container a{text-decoration:none}.hero-content .coin-container .slider-coin{font-size:2rem;color:#f3f2f4;display:flex;flex-direction:column;align-items:center;text-align:center;width:15rem;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-content .coin-container .slider-coin p{font-size:20px}.hero-content .coin-container .slider-coin span{color:#fff;font-size:20px;margin-left:10px;gap:8px}.hero-content .coin-container .slider-coin img{width:90px;padding-bottom:10px}.name_coin{display:flex}.name_coin .red-text{color:red!important}.name_coin .green-text{color:green!important}.btn-price{background-image:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%);border-radius:8px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter UI,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;height:4rem;padding:0 1.6rem;text-align:center;text-shadow:rgba(0,0,0,.25) 0 3px 8px;transition:all .5s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-price:hover{box-shadow:#503fcd80 0 1px 30px;transition-duration:.1s}@media (min-width: 768px){.btn-price{padding:0 2.6rem}}.market-container{max-width:130rem!important;margin:0 auto!important;padding:0 2.5rem!important}.market-section{background:radial-gradient(circle,#2c213a 10%,transparent 11%);background-size:6em 6em;background-color:#0f051d;opacity:1;color:#fff;padding:4rem 0}.market-section .market-content{display:flex;flex-direction:column;padding:0 5rem}.market-section .market-content .market-dropdown{display:flex;justify-content:space-between;align-items:center}.market-section .btn-dropdown{background-color:#fff;border:none;padding:10px 50px;border-radius:5px;color:#000}.market-section h2{font-size:4.5rem;text-align:center;padding-bottom:1rem}.market-section .list-top{display:grid;grid-template-columns:30% 20% 20% 25%;text-align:center;padding:1.5rem;font-size:1.5rem;font-weight:700;background:linear-gradient(25deg,#2600fc,#ff00ea);border-radius:8px 8px 0 0}.market-section .list-top p:first-child{text-align:left;margin-left:3rem}.market-section .list-row{display:flex;flex-direction:column}.market-section .list-row a{text-decoration:none;color:#fff}.market-section .list-row .coin-row{display:grid;grid-template-columns:30% 20% 20% 25%;text-align:center;align-items:center;padding:1.5rem;font-size:1.5rem;font-weight:700;border-bottom:1px solid white}.market-section .list-row .coin-row:hover{background-color:#200840;cursor:pointer}.market-section .list-row .coin-row p:first-child{text-align:left;display:flex;align-items:center}.market-section .list-row .coin-row p:first-child img{width:5rem;height:5rem;margin-right:20px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;width:100%;background-color:#fff;color:#000;border-radius:0 0 5px 5px;padding-top:10px;cursor:pointer}.dropdown-item{z-index:100;text-align:center;cursor:pointer}.green-text{color:green}.red-text{color:red}.loader{margin:10rem auto;width:80px;height:80px;position:relative}.loader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fcf;border-color:#fcf transparent #fcf transparent;animation:loader 1.2s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{display:flex;gap:1.3rem;justify-content:center;align-items:center;margin-top:5rem}.pagination i{cursor:pointer}button{font-size:2rem;width:5rem;height:5rem;border-radius:50%;cursor:pointer;background-color:#fff}.activePagi{background:linear-gradient(25deg,#2600fc,#ff00ea);color:#fff}.pagination i[disabled]{opacity:.5;pointer-events:none}.navbar{display:flex;justify-content:center;z-index:200;background-color:#130749;color:#fff;position:sticky;top:0;transition:.5s all ease}.navbar.active{background-color:#000}.navbar .container{width:1300px;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.navbar a{text-decoration:none;color:#fff}.navbar p{font-size:3rem;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(25deg,#2600fc,#ff00ea)}.navbar .links{display:flex;gap:24px}.navbar .links a{font-size:20px;font-weight:700;padding:10px 20px;position:relative;cursor:pointer}.navbar .links a:hover{transition:all .3s;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(25deg,#2600fc,#ff00ea)}.navbar .links a:after,.navbar .links a:before{position:absolute;left:0px;width:100%;height:2px;background:#fff;content:"";opacity:0;transition:all .3s}.navbar .links a:before{top:0px;transform:translateY(10px)}.navbar .links a:after{bottom:0px;transform:translateY(-10px)}.navbar .links a:hover:before,.navbar .links a:hover:after{opacity:1;transform:translateY(0)}.navbar .icons-container{display:flex;gap:24px}.navbar .icons-container i{cursor:pointer;padding-left:10px;font-size:1.5rem}.coin-page{background-image:linear-gradient(to top,black 30%,#130749 70%);width:100%;height:100vh}.coin-page .coin-content{display:flex;padding:2.5rem;justify-content:center;text-align:center;color:#fff;width:100%}.coin-page .coin-content .top-details{display:flex;justify-content:space-between}.coin-page .coin-content .image-side{width:30%;border-right:2px solid white;height:70%;align-items:center;gap:2rem}.coin-page .coin-content .image-side p{font-size:1.5rem;font-weight:500}.coin-page .coin-content .text-side{width:70%;display:flex;flex-direction:column;padding:1rem 3rem}.coin-page .coin-content .text-side .change,.coin-page .coin-content .text-side .current,.coin-page .coin-content .text-side .symbol{display:flex;justify-content:center;align-items:center;gap:1rem}.coin-page .coin-content .text-side .change span,.coin-page .coin-content .text-side .current span,.coin-page .coin-content .text-side .symbol span{font-size:1.5rem}.coin-page .coin-content .text-side .change p,.coin-page .coin-content .text-side .current p,.coin-page .coin-content .text-side .symbol p{font-size:1.5rem;font-weight:500}.coin-page .coin-content h2{font-size:3.3rem}.coin-page .coin-content .description{width:100%;height:20rem;overflow-y:auto;margin-top:2rem;text-align:left}.coin-page .coin-content .description p{font-size:1rem;text-align:justify;margin-right:20px}a{color:green}html{scroll-padding:8rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#db00d9 #ffffff}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}*::-webkit-scrollbar-thumb{border-radius:20px;background-color:#ba04b7;border:1px solid #ffffff}*::-webkit-scrollbar-thumb:hover{background-color:#ed00eb}*::-webkit-scrollbar-thumb:active{background-color:#ed00eb}
