@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,800;1,900&family=Montserrat:ital,wght@0,200;1,100;1,400&display=swap);:root{--white:#fff;--black:#111;--blue:#3a80e9;--gray:#888;--darkgray:#1b1b1b;--green:#61c96f;--red:#f94141}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;background-color:var(--black);color:#fff;color:var(--white);font-family:Inter Tight,sans-serif;margin:0}::selection{background-color:#3a80e9;background-color:var(--blue);color:#fff;color:var(--white)}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:#3a80e9;background:var(--blue)}::-webkit-scrollbar-thumb{background:#8888;border-radius:3rem}a{color:#fff!important;color:var(--white)!important;text-decoration:none!important}html{scroll-behavior:smooth}.gray-wrapper,.info-wrapper{background-color:#1b1b1b;background-color:var(--darkgray);border-radius:.8rem;display:block;margin:1.5rem auto;padding:1rem;width:90%}.coin-select{align-items:center;display:flex;gap:1.5rem;justify-content:flex-start}@media screen and (max-width:800px){.coin-select{display:flex;flex-direction:column;gap:.2rem}}.footer{background:#add8e6;color:#000;width:100%}.header{align-items:center;background-color:var(--black);display:flex;justify-content:space-between;padding:1.5rem 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{font-weight:1.3rem}.links{display:flex;gap:1.5rem;justify-content:flex-end}.link{color:var(--gray);font-size:1rem;font-weight:600}.link:hover{color:#fff;transition:1.3s}@media only screen and (max-width:800px){.logo{font-size:1rem}.header{padding:1.5rem}.link{font-size:.8rem}.links{display:none}.mobile-view{display:block}.drower-div{background:var(--black);color:var(--gray);height:100vh;padding:1.2rem 2rem;width:40vw}}.btn{background-color:var(--blue);border-radius:3rem;color:var(--white);cursor:pointer;font-weight:600;min-width:100px;padding:.7rem 1.5rem;text-align:center;text-transform:capitalize}.btn:hover{box-shadow:5px 5px 10px rgba(58,128,233,.5);transition:all .3s}.outlied-btn{background-color:var(--black);border:2px solid var(--blue);border-radius:3rem;color:var(--white);cursor:pointer;font-weight:600;min-width:100px;padding:.7rem 1.5rem;text-align:center;text-transform:capitalize}.outlied-btn:hover{background-color:var(--blue);transition:all .3s}.container{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem 3rem}.crypto-tracter-heading,.real-time-heading{font-size:6.5rem;margin:0}.crypto-tracter-heading{color:var(--white)}.crypto-tracter-heading,.crypto-tracter-heading:hover{-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--white)}.crypto-tracter-heading:hover{color:var(--black);transition:all .3s}.real-time-heading{color:var(--blue)}.info-text{color:var(--gray);font-size:1.5rem}.flex-btn{align-items:center;display:flex;gap:1.5rem;justify-content:flex-start;margin-top:2rem}.phone-container{padding:1.5rem;position:relative;width:50%}.iphone{min-width:300px;width:50%;z-index:100}.gradient,.iphone{position:absolute;right:0}.gradient{height:400px;min-width:250px;top:4rem;width:40%}@media only screen and (max-width:1250px){.crypto-tracter-heading,.real-time-heading{font-size:5rem;margin:0}}@media only screen and (max-width:1050px){.crypto-tracter-heading,.real-time-heading{font-size:4rem;margin:0}}@media only screen and (max-width:860px){.container{flex-direction:column}.left{text-align:center;width:100%}.crypto-tracter-heading,.real-time-heading{font-size:2rem}.crypto-tracter-heading,.crypto-tracter-heading:hover{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--white)}.crypto-tracter-heading:hover{color:var(--black);transition:all .3s}.info-text{font-size:.9rem}.flex-btn{gap:.7rem;justify-content:center}.iphone{left:.6rem;min-width:280px;top:2rem}.gradient{height:360px;left:27%;min-width:210px;right:0;top:8.7rem}}.grid-container{background-color:var(--darkgray);border:2px solid var(--darkgray);border-radius:.5rem;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;width:350px}.grid-green:hover{border:2px solid var(--green);transition:all .3s}.grid-red:hover{border:2px solid var(--red);transition:all .3s}.top-container{align-items:center;display:flex;gap:1.3rem;justify-content:flex-start;padding:1.5rem 2rem}.image{height:3.4rem;width:3.4rem}.name-info{display:flex;flex-direction:column}.symbol{color:var(--white);font-size:1.5rem}.name,.symbol{font-weight:600;margin:0;text-transform:uppercase}.name{color:var(--gray);font-size:1rem}.chip-icon{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;padding:1.5rem 3rem}.chip-percent{border:2px solid var(--green);border-radius:1.9rem;color:var(--green);font-size:1rem;font-weight:600;padding:.34rem 1.34rem;text-align:center}.chip-percent:hover,.trending-up:hover{background-color:var(--green);color:var(--white);transition:all .3s}.chip-red{border:2px solid var(--red)!important;color:var(--red)!important}.chip-red:hover{background-color:var(--red)!important;color:var(--white)!important;transition:all .3s}.trending-up{align-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);display:flex;font-size:1.1rem;font-weight:600;height:2.3rem;justify-content:center;width:2.3rem}.container-info{margin:1.3rem}.container-info h3{font-size:1rem;font-weight:500}.total-volume{color:var(--gray);font-size:1rem;font-weight:600;margin:.2rem}.grid-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem}.list-info{display:block;margin-left:auto;margin-right:auto;width:95%}@media only screen and (max-width:800px){.list-info{width:98%}}.list-row{align-items:center;border-radius:.7rem;display:flex;gap:.5rem;justify-content:center;padding:1.2rem 1rem}.list-row:hover{background-color:var(--darkgray);transition:all .3s;width:100%}.list-row td{align-items:left;width:18%}.mobile-view{display:none}.flex-info{margin-right:1.3rem;width:3rem!important}.name,.symbol{font-size:1rem;margin-left:-1rem}.coin-center{text-align:center}.volume-right{text-align:right}@media only screen and (max-width:1100px){.td-icon{display:none}}@media only screen and (max-width:1000px){.td-total-volume{display:none}}@media only screen and (max-width:800px){.image{height:1.3rem;width:1.3rem}.list-row{padding:.4rem .6rem}.chip-percent,.coin-center,.name,.symbol,.total-volume{font-size:.9rem}.chip-percent{font-size:.7rem;padding:.4rem 1rem}.Desktop-view{display:none}.mobile-view{display:block}}@media only screen and (max-width:450px){.image{height:.7rem;width:.7rem}.chip-percent,.coin-center,.name,.symbol,.total-volume{font-size:.4rem}.name,.symbol{font-size:.4rem;margin-right:.4rem}.chip-percent{font-size:.3rem;padding:.1rem .5 rem}}.search-flex{align-items:center;border-radius:3rem;display:flex;gap:1.5rem;justify-content:flex-start;margin:1rem;padding:1.5rem 3rem;width:80%}.search-flex,.search-flex input{background-color:var(--darkgray);color:var(--gray)}.search-flex input{border:none;font-size:2rem;width:100%}.search-flex input:focus{outline:none}.s-icon{font-size:2rem}@media only screen and (max-width:800px){.search-flex{margin-left:auto;margin-right:auto;padding:.7rem 2rem;width:50%}.search-flex input{font-size:1.4rem}.s-icon{font-size:1rem}}.pagination-component{margin-bottom:2.5rem}.back-to-top,.pagination-component{align-items:center;display:flex;justify-content:center}.back-to-top{border:2px solid var(--blue);border-radius:50%;bottom:1.5rem;height:3rem;position:fixed;right:1.5rem;width:3rem}.lodder-container{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:100}.coin-flex{gap:1.5rem;margin:1rem 1.5rem}.coin-flex,.select{align-items:center;display:flex;justify-content:flex-start}.select{gap:.5rem}.info-wreaper-heading{padding-bottom:1rem;padding-top:1rem}.info-wreaper-discription{padding-bottom:1rem}.info-wreaper-discription a{color:var(--gray)!important}.info-wreaper-discription a:hover{color:var(--blue)!important;text-decoration:underline!important}.toggle-btn{align-items:center;display:flex;justify-content:center;margin:1rem}
/*# sourceMappingURL=main.4a9a33d4.css.map*/