@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 10%;color:#ddd;border-bottom:1px solid rgba(244,244,244,.2)}.navbar .logo{width:max(100px,15%)}.navbar ul{display:flex;gap:40px;list-style:none}.navbar ul li{cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-size:15px}.nav-right{display:flex;align-items:center;gap:20px}.navbar select{padding:10px 20px;border:1px solid rgba(255,255,255,1);background-color:transparent;color:#fff;cursor:pointer}.navbar option{color:#fff;background-color:#09005c}.navbar button{padding:10px 25px;align-items:center;gap:10px;font-size:15px;font-weight:500;border:none;background-color:transparent;color:#393939;background:#fff;cursor:pointer}.navbar button img{width:13px}@media (max-width: 900px){.navbar{padding:20px 8%}.navbar button{padding:8px 18px;gap:8px;font-size:14px}}@media (max-width: 768px){.navbar{padding:20px 8%}.navbar ul{display:none}.navbar button img{width:12px}}.home{padding:0 10px 100px}.hero{max-width:600px;margin:80px auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.hero h1{font-size:max(4vw,60px)}.hero p{width:75%;color:#e3e3e3;line-height:1.5}.hero form{padding:5px;width:80%;background-color:#fff;font-size:20px;display:flex;gap:10px;justify-content:space-between;align-items:center}.hero input{flex:1;font-size:16px;outline:none!important;border:none;padding-left:10px}.hero button{border:none;background-color:#0f185d;color:#fff;font-size:16px;padding:10px 30px;cursor:pointer}.crypto-table{max-width:800px;margin:auto;background:#25078a;background-image:radial-gradient(circle at center left,#163589,#04134b);background:#110346}.table-layout{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr;padding:15px 20px;color:#fff;align-items:center;border-bottom:1px solid rgba(227,227,227,.3)}.table-layout:last-child{border-bottom:none}.market-cap{text-align:right}.table-layout div{display:flex;align-items:center;gap:10px}.table-layout div img{width:35px}.table-layout .green{color:#00d515}.table-layout .red{color:#ff4646}@media (max-width: 768px){.table-layout{grid-template-columns:.5fr 3fr 1fr 1fr}.market-cap{display:none}}@media (max-width: 500px){.table-layout div img{width:25px}.table-layout{font-size:13px}.hero form input{width:100px}}.spinner{display:grid;place-self:center;min-height:80vh}.spin{width:65px;height:65px;place-self:center;border:5px solid #bdbdbd;border-top-color:#4500c6;border-radius:50%;animation:rotate 2s infinite}@keyframes rotate{to{transform:rotate(360deg)}}.coin{padding:0 20px}.coin-name{display:flex;flex-direction:column;align-items:center;gap:20px;margin:100px auto 50px}.coin-name img{max-width:100px}.coin-name p strong{font-size:44px;font-weight:500}.coin-chart{max-width:600px;height:250px;margin:auto}.coin-info{max-width:600px;margin:50px auto;display:flex;flex-direction:column}.coin-info ul{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(95,93,95,.3);list-style:none}.coin-info ul li:last-child{font-weight:300}.footer{text-align:center;margin:auto;max-width:80%;border-top:1px solid rgba(238,238,238,.3);padding:15px 0;font-size:13px}*{padding:0;margin:0;box-sizing:border-box;font-family:Red Hat Display,sans-serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;background:linear-gradient(109.6deg,#141e30 11.2%,#243b55 91.1%);background-image:linear-gradient(to right top,#190236,#170b3e,#161147,#141850,#101e59,#0a2963,#04336c,#003e74,#004e7b,#005b7a,#006773,#05726b);background-image:radial-gradient(circle at 17% 77%,#1111110a,#1111110a 50%,#c5c5c50a 50%,#c5c5c50a),radial-gradient(circle at 26% 17%,#4040400a,#4040400a 50%,#f4f4f40a 50%,#f4f4f40a),radial-gradient(circle at 44% 60%,#b1b1b10a,#b1b1b10a 50%,#bbbbbb0a 50%,#bbbbbb0a),linear-gradient(19deg,#1c75fa,#22029f);background-image:radial-gradient(circle at 17% 77%,#1111110a,#1111110a 50%,#c5c5c50a 50%,#c5c5c50a),radial-gradient(circle at 26% 17%,#4040400a,#4040400a 50%,#f4f4f40a 50%,#f4f4f40a),radial-gradient(circle at 44% 60%,#b1b1b10a,#b1b1b10a 50%,#bbbbbb0a 50%,#bbbbbb0a),linear-gradient(19deg,#000e2c,#1f097b);background-position:center center;background-size:cover}