@import"https://fonts.googleapis.com/css2?family=Happy+Monkey&family=Inter:wght@100..900&display=swap";.header{width:100%;height:5vw;padding:1vw 3vw;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:1.5vw;gap:8px}.logo img{height:3vw}.link{display:flex;align-items:center;gap:1.5vw;font-size:1.2vw}.link p{color:gray;transition:all linear .1s}.link p:hover{color:#fff}.sideMenu{width:20%;height:100vh;background-color:#fff;color:#000;position:absolute;top:0;right:0;padding:2vw;display:flex;flex-direction:column}.sideMenu a{color:#000}.sidemenu{display:none}.sideContainer{width:100%;height:100%;background-color:#111;color:#fff;padding:2vw;display:flex;flex-direction:column;gap:10px;font-size:1.2vw}@media only screen and (max-width: 800px){.link{display:none}.sidemenu{display:block}}.btn{background-color:var(--blue);padding:.45rem 1.5rem;border-radius:3rem;font-weight:600;font-size:.8rem;text-transform:capitalize;cursor:pointer;border:2px solid var(--blue);text-align:center;min-width:80px;color:#fff}.btn:hover{box-shadow:2px 2px 10px #3a80e980;transition:all .5s ease-in-out}.btn-outlined{text-align:center;background-color:var(--black);padding:.45rem 1.5rem;border-radius:3rem;font-weight:600;font-size:.8rem;text-transform:capitalize;cursor:pointer;border:2px solid var(--blue);min-width:80px;color:var(--white)}.btn-outlined:hover{background-color:var(--blue);transition:all .3s}@media only screen and (max-width: 800px){.btn,.btn-outlined{font-size:.8rem}}.main-flex{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 3rem}.heading1,.heading2{font-size:6rem;margin:0}.heading1:hover{-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--white);color:var(--black);transition:all .3s}.heading2{color:var(--blue)}.info-text{color:var(--grey);font-weight:300}.btn-flex{display:flex;gap:1rem;margin-top:1.5rem}.gradient-div{position:relative;width:50%;margin-left:auto}.gradient{position:absolute;right:0;top:80px;width:250px}.iphone{position:absolute;right:10px;width:300px}@media only screen and (max-width: 1350px){.heading1,.heading2{font-size:5rem}}@media only screen and (max-width: 1050px){.heading1,.heading2{font-size:4rem}.gradient{right:0;top:60px;width:200px}.iphone{right:0;width:250px}}@media only screen and (max-width: 800px){.heading1,.heading2{font-size:2rem}.main-flex{flex-direction:column;justify-content:center;align-items:center}.heading1,.heading2,.info-text{text-align:center}.info-text{font-size:.8rem}.btn-flex{justify-content:center;width:100%}.gradient-div{margin-top:3rem;margin-right:auto}}@media only screen and (max-width: 800px){.gradient,.iphone{left:0}.iphone{left:-30px}}.grid{display:flex;flex-direction:column;gap:1.5rem;width:250px;padding:2rem;background-color:var(--darkgrey);border-radius:.8rem;border:2px solid var(--darkgrey);cursor:pointer}.grid:hover{border:2px solid var(--green);transition:all .3s}.grid-red:hover{border:2px solid var(--red);transition:all .3s}.img-flex{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.icon-flex{display:flex;width:100%;justify-content:space-between;align-items:center}.watchlist-icon{display:flex;justify-content:center;align-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);padding:.5rem;height:1.5rem;width:1.5rem!important}.watchlist-icon-red{border:2px solid var(--red);color:var(--red)}.coin-image{height:3rem;width:3rem;border-radius:50%}.info-flex{display:flex;flex-direction:column;justify-content:space-between;gap:.2rem}.coin-symbol{text-transform:uppercase;font-weight:600;margin:0rem}.coin-name{margin:0;font-weight:400;color:var(--grey);font-size:.8rem}.chip-flex{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}.price-chip{border:2px solid var(--green);border-radius:2rem;padding:.25rem 1rem;font-weight:600;color:var(--green)}.price-chip:hover,.chip-icon:hover{background-color:var(--green);color:var(--white);transition:all .3s}.chip-icon{border:2px solid var(--green);padding:.2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--green)}.red{border:2px solid var(--red)!important;color:var(--red)}.red:hover{background-color:var(--red)!important;color:var(--white)!important;transition:all .3s}.current-price,.current-price-red{color:var(--green);font-weight:600;font-size:1.1rem;margin:0}.current-price-red{color:var(--red)!important}.grid-flex{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;gap:1rem}.list-flex{width:90%;display:block;margin-left:auto;margin-right:auto}@media only screen and (max-width: 600px){.list-flex{width:100%}}.list-row{width:90%;padding:1rem 2rem;margin-bottom:.5rem!important;display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;border-radius:.8rem;cursor:pointer}.list-row:hover{background-color:var(--darkgrey);transition:all .3s}.list-row td{width:20%;text-align:left}.td-img{width:3rem!important;margin-right:1rem}.td-info{width:10rem!important}.td-current-price{width:6rem!important;text-align:right!important}.td-totalVolume,.td-marketCap{text-align:right!important}.mobile{display:none}@media only screen and (max-width: 900px){.td-chip-icon{display:none}.list-row td{font-size:.7rem}.td-totalVolume{display:none}.td-current-price{text-align:center!important}.list-row{width:100%;padding:1.5rem 0rem}.coin-image-td{height:2rem;width:2rem}.td-info{width:6rem!important}}@media only screen and (max-width: 600px){.td-marketCap,.td-chip-icon{display:none!important}.mobile{display:block!important;text-align:left!important}.list-row td,.td-p{font-size:.6rem!important}.td-info{width:4rem!important}.coin-image-td{height:2rem!important;width:2rem!important}}.search-flex{width:80%;display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-left:auto;margin-right:auto;background-color:var(--darkgrey);padding:.75rem 1.5rem;border-radius:2rem;margin-bottom:1.5rem}.search-input{background-color:var(--darkgrey);color:var(--grey);font-family:Inter,sans-serif;font-size:1rem;border:none;width:100%}.search-input:focus{outline:none}.loader-background{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--black);position:fixed;z-index:1000}:root{--white: #fff;--black: #111;--blue: #3a80e9;--grey: #888;--darkgrey: #1b1b1b;--green: #61c96f;--red: #f94141}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}*{margin:0;padding:0;box-sizing:border-box}body{-moz-osx-font-smoothing:auto;background-color:#111;color:#fff;font-family:Inter,sans-serif}a{color:#fff;text-decoration:none}