*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;display:flex;flex-direction:column;background-image:linear-gradient(to top,#f0f0f0,#b1b1b1,#767676,#404040,#101010)}body{font-family:Inter,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 10%;color:#ddd;border-bottom:2px solid #3c3c3c}.navbar ul{display:flex;gap:1rem;list-style:none}.navbar li{cursor:pointer}.nav-right{display:flex;gap:1rem}.navbar select{padding:4px 12px;border-radius:4px;border:2px solid whitesmoke;background:transparent;color:#fff;cursor:pointer}.navbar button{padding:8px 16px;border-radius:4px;border:none;font-size:1rem;background-color:#f5f5f5;cursor:pointer}@media (min-width: 375px){.navbar h1{font-size:16px}.navbar ul{display:none}}@media (min-width: 675px){.navbar ul{display:flex}.navbar h1{font-size:1.5rem}}@media (min-width: 975px){.navbar h1{font-size:2rem}}.home{flex:1;padding:1rem}.hero{max-width:600px;margin:5rem auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero form{padding:1rem;display:flex;gap:.5rem;width:80%}.hero input{flex:1;font-size:1rem;border:none;border-radius:4px;outline:none;padding-left:10px}.hero button{border-radius:4px;border:0;padding:1rem;font-size:1rem;cursor:pointer}.table{max-width:800px;margin:auto;border-radius:8px;background-color:#121212;color:#f5f5f5}.table-layout{display:grid;grid-template-columns:.5fr 1.25fr .5fr;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid #b1b1b1;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.market-cap,.market-cap-title,.hr-change,.hr-change-title{display:none}.item{display:flex;align-items:center;gap:3rem;padding:.25rem 1.5rem;border-bottom:1px solid #b1b1b1}.item:last-child{border-bottom:none}.item div{display:flex;align-items:center;gap:.25rem;flex-basis:14rem}.price{flex-basis:5rem;text-align:right}@media (min-width: 550px){.table-layout{grid-template-columns:.5fr 1.5fr 1.25fr .5fr}.hr-change,.hr-change-title{display:block;text-align:right;flex-grow:1}.price-title{text-align:left}.item .coin{flex-basis:10rem}}@media (min-width: 550px){.table-layout{grid-template-columns:.5fr 1.5fr 1.25fr .5fr}}@media (min-width: 650px){.table-layout{grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr}.market-cap,.market-cap-title{display:block;margin-left:auto}.hr-change-title{text-align:center}.item{gap:2rem}.hr-change{flex-basis:5rem}}@media (min-width: 750px){.table-layout{grid-template-columns:.25fr 1fr .75fr 1.25fr .5fr}.market-cap-title{margin:0}.hr-change,.market-cap-title{text-align:center}.hr-change-title{text-align:left}}.item div img{width:35px}.green{color:#37c295}.red{color:#ce454f}.coin-container{margin:auto;text-align:center;padding:1rem}.coin-name img{width:100px}.coin-desc{text-align:left;font-size:large;max-width:50rem;margin-top:2rem;background-color:#131313;border-radius:4px;padding:1.2rem}.coin-info ul{list-style:none;margin:1rem;font-size:large;line-height:1.5rem}footer{text-align:center;padding:1.5rem;color:#121212;margin-top:auto}