:root{--text-primary:#000;--bgPrimary:#fff;--bgSecondary:#f9f9f9;--pink:#0071bd;--light-blue:#e6f7ff;--border:#d9d9d9;--xl:500px}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}body,html{font-size:16px}img{max-width:100%}.app,img{display:block}.app{min-height:100vh}.app>main,.app>nav{flex-basis:0}.app>main{flex-grow:1}.main{display:flex;flex-direction:column;gap:40px;margin:0;padding:89px 20px 20px}.main h1{font-size:1.8rem;font-weight:600;margin-bottom:20px}.main__search input{width:200px}.main__stats>div{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.main__stats>div>div h2{font-size:1rem;font-weight:400;margin:0 0 7px;opacity:.7}.main__stats>div>div span{background:#001529;border-radius:12px;color:#fff;display:inline-block;font-size:1.25rem;line-height:1;padding:8px}.main__news__heading,.main__top-cryptos__heading{align-items:center;display:flex;justify-content:space-between}.main__news__heading a,.main__top-cryptos__heading a{color:#1677ff;font-weight:500;text-decoration:none}.main__news__heading a>span,.main__top-cryptos__heading a>span{margin-left:3px}.main__cryptos{grid-gap:20px;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(2,1fr)}.main__cryptos__card{border:1px solid rgba(0,0,0,.2);border-radius:6px}.main__cryptos__card:hover{border-color:rgba(0,0,0,.7)}.main__cryptos__card a{color:#000;text-decoration:none}.main__cryptos__card__heading{align-items:center;border-bottom:1px solid rgba(0,0,0,.2);display:flex;gap:12px;justify-content:space-between;padding:12px}.main__cryptos__card__heading h3{font-size:1rem;font-weight:500;line-height:1.3}.main__cryptos__card__heading img{height:35px;object-fit:contain;width:35px}.main__cryptos__card__content{display:flex;flex-direction:column;gap:3px;padding:12px}.main__cryptos__card__content p{font-size:.9rem}.main__news__search__input{width:200px}.main__news__cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.main__news__card{border:1px solid rgba(0,0,0,.2);border-radius:6px;flex-basis:400px;padding:15px;width:400px}.main__news__card:hover{border-color:rgba(0,0,0,.7)}.main__news__card>a{color:#000;color:initial;display:flex;flex-direction:column;gap:20px;text-decoration:none}.main__news__card h2{font-size:1.15rem;font-weight:600;line-height:1.4}.main__news__card__title-image{display:flex;flex-direction:column;gap:15px}.main__news__card__title-image img{border-radius:10px;height:125px;margin:0 auto;object-fit:cover;width:70%}.main__news__card__desc p{font-size:.9rem;line-height:1.5}.main__news__card__footer{align-items:center;display:flex;flex-wrap:wrap;gap:5px 25px;justify-content:space-between}.main__news__card__footer span{font-size:.75rem;opacity:.85}.main__news__card__footer>div{align-items:center;display:flex;gap:10px;justify-content:flex-start}.main__news__card__footer>div img{height:25px;object-fit:contain;width:25px}.main__coinDetails{display:flex;flex-direction:column;gap:15px}.main__coinDetails__heading h1{font-size:1.5rem;margin-bottom:15px}.main__coinDetails__stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.main__coinDetails__stats__info{border-bottom:1px solid rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:15px}.main__coinDetails__stats__info:last-child{border:none}.main__coinDetails__stats__info h3{font-size:.9rem;font-weight:500}.main__coinDetails__stats__info>div{display:flex;gap:10px}.main__coinDetails__stats__info>div span{font-size:.9rem}.main__coinDetails__stats__card{border:1px solid rgba(0,0,0,.2);border-radius:6px}.main__coinDetails__stats__card p{font-size:.9rem;font-weight:600}.main__coinDetails__stats__card h2{border-bottom:1px solid rgba(0,0,0,.2);font-size:1rem;font-weight:600;padding:15px}.main__coinDetails__stats__card a{color:#1677ff;font-size:.9rem;text-decoration:none}.main__coinDetails__stats__card a:hover{text-decoration:underline}footer{border-top:1px solid rgba(0,0,0,.2);color:#000;padding:20px}footer h3{font-size:.9rem;font-weight:500;line-height:1.5;text-align:center}footer>div{display:flex;gap:15px;justify-content:center;margin-top:10px}footer>div a{color:#000;font-size:.9rem}@media(min-width:768px){.main{margin-left:274.84px;padding:30px!important}.main__cryptos{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.main__cryptos{grid-template-columns:repeat(4,1fr)}.main__coinDetails__stats{grid-template-columns:repeat(2,1fr)}footer{margin-left:274.91px}}@media(min-width:1200px){.main__cryptos{grid-template-columns:repeat(5,1fr)}.main__coinDetails__stats{grid-template-columns:repeat(3,1fr)}}.nav{background:#001529;flex-direction:column;position:fixed;z-index:1}.nav,.nav__logo{display:flex;width:100%}.nav__logo{align-items:center;gap:15px;justify-content:flex-start;padding:15px;position:relative}.nav__logo img{display:block;width:35px}.nav__logo h1{font-size:1.8rem;font-weight:500}.nav__logo a{color:#fff;text-decoration:none}.nav__toggler{box-shadow:none;padding:5px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav__toggler span{font-size:1.2rem}.nav__links{display:flex;flex-direction:column;padding:10px 30px}.nav__links a{color:#fff;font-size:.9rem;font-weight:400;line-height:1;opacity:.7;padding:15px 0;text-decoration:none;transition:.3s ease}.nav__links a:hover{opacity:1}.nav__links a>span{font-size:14px;margin-right:15px}@media(min-width:768px){.nav{min-height:100vh;width:auto}.nav__logo{justify-content:center;padding:30px;width:-webkit-max-content;width:max-content}.nav__toggler{display:none}}.loader{text-align:center}.lds-circle{display:inline-block;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.lds-circle>div{-webkit-animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite;animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite;background:rgba(0,0,0,.25);border-radius:50%;display:inline-block;height:30px;margin:8px;width:30px}@-webkit-keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);-webkit-transform:rotateY(5turn);transform:rotateY(5turn)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}@keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1);-webkit-transform:rotateY(5turn);transform:rotateY(5turn)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}
/*# sourceMappingURL=main.ff1fde77.css.map*/