@import url(https://fonts.googleapis.com/css2?family=Gabarito:wght@500;600&family=Noto+Sans:wght@400;500;800;900&family=Outfit:wght@100;200;500;600;900&family=Poppins:wght@300;400;500;600&family=Raleway:wght@600;900&family=Roboto:wght@400;500;700&display=swap);body{background-color:#000;color:#fff;font-family:Gabarito,cursive;margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.trending h1{margin-left:13rem;padding-top:8rem}.name img{height:80px}.coin-cards a{display:flex;justify-content:space-evenly}.name{align-items:center;display:flex;padding:30px;width:20%}.name p{font-size:20px;margin-left:60px}.price,.profit{align-items:center;display:flex;padding:30px}.profit{font-size:20px}.currency{margin-bottom:5=2rem;margin-left:12rem;margin-top:3rem}.currency button{background-color:orange;border:none;border-radius:5px;height:2rem;margin:10px;width:5rem}@media only screen and (max-width:600px){.logo h1{font-size:10px}.coin-cards{width:100%}.trending h1{font-size:25px;margin-left:50px}.currency{margin-left:30px;margin-top:10px}.search{background-color:#121111;left:7%;margin-top:60px;position:relative;width:15rem}.name img{height:30px}.name p{margin-left:20px;width:20%}.name p,.profit span{font-size:15px}}*{margin:0;padding:0}.navbar{align-items:center;background-color:#121111;color:#fff;display:flex;height:4rem;justify-content:space-around;position:fixed;width:100%}.navbar a{color:#fff;font-size:20px;text-decoration:none}.logo{align-items:center;display:flex;padding-right:15rem}.navbar input{height:2rem;padding-left:15px;width:20rem}.search-icon{background-color:orange;padding:9px}.search{align-items:center;display:flex}@media only screen and (max-width:600px){.logo h1{font-size:22px;padding-left:30px}.navbar{display:flex;height:4.4rem;justify-content:space-between}.navbar a{font-size:20px;padding-right:20px}.logo{padding:0}}.coin-info p{margin-bottom:30px;margin-left:10rem;margin-top:10px}.coin-info img{height:150px;margin-left:13rem}.coin-info span{display:block;font-size:18px;margin-left:15rem;margin-top:30px}.currency{margin-left:10rem}.price-para{padding-left:80px;padding-top:10px}.rank{margin-left:12rem}@media only screen and (max-width:600px){.coin-details{display:flex;flex-direction:column}.coin-info{width:100%}.currency{margin-left:50px;margin-top:0}.coin-info p{margin-left:60px}.coin-details{width:100%}.coin-info img{margin-left:55px}.coin-info span{margin-left:60px;width:100%}.price-para{padding-left:5px;width:100%}.rank{margin-left:20px;margin-top:0}.desc,.rank{width:100%}}.btns{padding-top:40px}.btns button{background-color:orange;border:none;border-radius:5px;cursor:pointer;font-family:Gabarito,cursive;height:2rem;margin-left:40px;width:5rem}.btns button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.6s}@media only screen and (max-width:600px){.btns{margin:0;padding:0}.btns button{height:1.6rem;margin-bottom:40px;margin-top:30px;width:4rem}}.trendings h1{font-family:Poppins,sans-serif;margin-left:10rem;margin-top:7rem}.trendings{overflow-x:hidden}.coin-card{display:flex;font-size:20px;justify-content:space-around;padding-top:70px;width:100%}.coinname{align-items:center;display:flex;width:30%}.coinname img{height:60px}.coinname p{margin-left:30px}.rank{padding:30px}@media only screen and (max-width:600px){.trendings{padding-left:15px}.coinname img{height:40px}.coinname p,.price p,.rank span{font-size:17px}.coin-card{padding-left:10px}}
/*# sourceMappingURL=main.87121fd7.css.map*/