@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--white: #fff;--black: #111;--blue: #3a80e9;--grey: #888;--darkgrey: #1b1b1b;--green: #61c96f;--red: #f94141}body{margin:0;background-color:var(--black);color:var(--white);font-family:Inter,serif}::selection{background-color:var(--blue);color:var(--white)}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3rem}a{color:var(--white)!important;text-decoration:none!important}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;position:sticky;top:0;z-index:101;background-color:var(--black)}.logo{font-size:1.5rem}.links{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem}.link{color:var(--grey);font-weight:600;font-size:1rem}.link:hover{color:var(--white);transition:all .3s}.mobile-drawer{display:none}@media only screen and (max-width: 800px){.navbar{padding:1.5rem}.logo{font-size:1rem}.links{display:none}.mobile-drawer{display:block}.drawer-div{width:40vw;height:100vh;background-color:var(--black);padding:1.5rem}}.btn{background-color:var(--blue);color:var(--white);padding:.5rem 1.5rem;border-radius:3rem;font-weight:600;cursor:pointer;border:2px solid var(--blue);text-align:center;min-width:100px;text-transform:capitalize}.btn:hover{box-shadow:2px 2px 10px #3a80e980;transition:all .5s ease-in-out}.outlined-btn{background-color:var(--black);color:var(--white);border:2px solid var(--blue);padding:.5rem 1.5rem;border-radius:3rem;font-weight:600;cursor:pointer;text-align:center;min-width:100px;text-transform:capitalize}.outlined-btn:hover{background-color:var(--blue);transition:all .5s ease-in-out}.grid-container{width:270px;height:270px;background-color:var(--darkgrey);border:2px solid var(--darkgrey);border-radius:.75rem}.grid-container:hover{border:3px solid var(--green);transition:all .3s}.grid-container-red:hover{border:3px solid var(--red);transition:all .3s}.info-flex{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin:1.5rem}.coin-logo{height:3.5rem;width:3.5rem}.coin-symbol{color:var(--white);text-transform:uppercase;font-weight:600;font-size:1.2rem;margin:0}.coin-name{color:var(--grey);text-transform:capitalize;font-weight:light;font-size:1rem;margin:0}.name-col{display:flex;flex-direction:column;gap:.5rem}.chip-flex{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;margin:1rem 1.5rem}.price-chip{border:2px solid var(--green);border-radius:2rem;padding:.35rem 1.25rem;font-weight:600;color:var(--green);font-size:1rem;min-width:60px}.price-chip:hover,.icon-chip:hover{background-color:var(--green);color:#fff;transition:all .3s}.icon-chip{border:2px solid var(--green);border-radius:50%;height:2rem;width:2rem;display:flex;justify-content:center;align-items:center;color:var(--green);font-size:1rem}.chip-red{border:2px solid var(--red)!important;color:var(--red)!important}.chip-red:hover{background-color:var(--red)!important;color:#fff!important;transition:all .3s}.info-container{margin:1.5rem}.coin-price{color:var(--green);font-size:1rem;font-weight:600}.total-volume,.market-cap{color:#fff9c4;font-size:.8rem;font-weight:500}.list-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:1.5rem;padding:1rem;border:.1rem solid var(--grey);border-radius:.3rem}.list-row:hover{background-color:var(--darkgrey);transition:all .3s}.list-row td{width:18%;text-align:left}.td-image{width:3rem!important;margin-right:1.5rem}.mobile-td-mkt{display:none}@media only screen and (max-width: 1100px){.td-icon{display:none}}@media only screen and (max-width: 1100px){.td-total-vol{display:none}}@media only screen and (max-width: 800px){.desktop-td-mkt{display:none}.mobile-td-mkt{display:block}}.grid-flex{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.5rem 2rem}.list-table{width:80%;display:block;margin-left:auto;margin-right:auto}@media only screen and (max-width: 1000px){.list-table{width:95%}}.search-flex{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;width:80%;background-color:var(--darkgrey);padding:1rem 3rem;color:var(--grey);margin:1rem;margin-left:auto;margin-right:auto;border-radius:3rem}.search-flex input{background-color:var(--darkgrey);width:100%;font-family:Inter;font-size:1.2rem;color:var(--grey);border:none}.search-flex input:focus{outline:none}.flex-info{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 3rem}.track-crypto-heading,.real-time-heading{font-size:5rem;margin:0}.track-crypto-heading{color:var(--white);-webkit-text-stroke-color:var(--blue)}.track-crypto-heading:hover{color:var(--black);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--white);transition:all .3s}.real-time-heading{color:var(--blue)}.info-text{font-size:1rem;color:var(--grey)}.btn-flex{display:flex;justify-content:flex-start;gap:1.5rem;align-items:center;margin-top:2rem}.phone-container{width:50%;position:relative;padding:1rem}.iphone{position:absolute;z-index:100;min-width:300px;width:50%;right:0}.gradient{position:absolute;min-width:250px;width:40%;top:5rem;right:0}@media only screen and (max-width: 1250px){.track-crypto-heading,.real-time-heading{font-size:5rem;margin:0}}@media only screen and (max-width: 1000px){.iphone{min-width:250px;width:50%}.gradient{min-width:200px;top:4rem}}@media only screen and (max-width: 800px){.flex-info{flex-direction:column}.phone-container{margin:auto;display:block;margin-top:3rem}.iphone{left:-2rem}.gradient{left:25%}.left-component{width:100%}.track-crypto-heading,.real-time-heading{font-size:3rem;text-align:center}.track-crypto-heading{-webkit-text-stroke-width:1px}}