@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 10%;color:#ddd;border-bottom:2px solid #cecbc896}.navbar .logo{width:50px}.navbar ul{display:flex;gap:40px;list-style:none}.navbar li{font-size:1.2rem;cursor:pointer}.navbar li:hover{color:gold;border-bottom:2px solid gold}.nav-right{display:flex;align-items:center;gap:max(1vw,14px)}.navbar select{padding:10px 8px;border-radius:10px;border:2px solid #fff;color:#fff;background:transparent;margin-right:30px}.navbar option{background-color:#bdbdc1;color:#fff}.navbar button img{width:14px}@media (max-width: 900px){.navbar{padding:20px 8%}.navbar button{gap:8px;padding:8px 18px;font-size:14px}}@media (max-width: 768px){.navbar{padding:20px 5%}.navbar ul{display:none}.navbar button img{width:12px}}form{max-height:600px;margin:80px auto;padding:8px;width:40%;border:1.5px solid rgb(215,207,193);border-radius:10px;font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}form input{background:transparent;flex:1;font-size:16px;outline:none;border:none;padding-left:10px;color:#fff}button{font-size:14px;margin-right:2px;border:none;background:gold;color:#000;padding:10px 30px;border-radius:10px;cursor:pointer}button:hover{color:red}.table{filter:drop-shadow(5px 5px 150px #fff);max-width:800px;margin:auto;background:linear-gradient(#c3bfba00,#f0d10a2c);border-radius:15px}.table-layout{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr;padding:15px 20px;align-items:center;border-bottom:1px solid #f1e2e2}.market-cap{text-align:right}.table-layout:last-child{border:none}.table-layout div{display:flex;align-items:center;gap:10px}.table-layout div img{width:35px}.table-layout .green{color:#00d515;text-align:center}.table-layout .red{color:#ff4646;text-align:center}@media (max-width: 768px){.table-layout{grid-template-columns:.5fr 3fr 1fr 1fr}.market-cap{display:none}form{width:80%}}@media (max-width: 500px){.table-layout div img{width:25px}.table-layout{font-size:13px}form input{width:100px}form{width:60%}}.Home{padding:10px 10px 100px}.Home .Hero{margin:50px 50px 280px;display:flex;justify-content:space-around;align-items:center;text-align:center;gap:30px}.Hero h1{display:flex;margin-left:70px;font-size:max(4vw,66px);background:linear-gradient(to right,gold,gold,#4d4d4d 20%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 9s infinite linear}@keyframes shine{0%{background-position:0}60%{background-position:1000px}to{background-position:100px}}.Hero p{text-align:justify!important;margin-left:70px;margin-top:30px;text-align:center;width:75%;color:#e3e3e3;line-height:1.5;font-size:1.2rem}.home-img img{filter:drop-shadow(5px 5px 90px #fff);width:400px}@media (max-width: 768px){.Home .Hero{flex-direction:column;margin-bottom:0}.Hero h1{font-size:50px;margin-left:0}.home-img img{width:350px}.Hero p{display:none}}.spinner{display:grid;place-self:center;min-height:80vh}.spin{width:65px;height:65px;place-self:center;border:5px solid #bdbdbd;border-radius:50%;border-top-color:#4500c6;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 b{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 #5f5d5f;list-style:none}.coin_info ul li:last-child{font-weight:300}.footer{text-align:center;margin:auto;max-width:100%;border-top:1px solid #989898;padding:15px 0;font-size:14px}.price{display:flex;justify-content:space-around;margin:25px 80px 150px;align-items:center}.price-title h1{font-weight:600;font-size:58px;letter-spacing:.7px;padding-top:10px}.price-title h1 b{color:gold}.price-title p{margin-top:20px;font-size:18px;text-align:start}.price-img img{width:450px;height:450px}.price-title .btn{margin-top:20px;font-size:15px;margin-right:2px;border:2px solid #fff;background:gold;color:#000;padding:10px 30px;border-radius:25px;cursor:pointer}.price-title .btn:hover{background:transparent;color:#fff}@media (max-width: 768px){.price{flex-direction:column}.price-title h1{text-align:center;font-size:50px}.price-title p{text-align:justify}.price-img{height:400px;width:400px}}.card-title{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-title h1{font-size:40px;font-weight:600;text-align:center;margin-bottom:20px;color:gold;border-bottom:3px solid gold;border-radius:10px;padding:5px}.card-title p{text-align:center;font-size:16px}.Card-p{margin:100px;display:flex;justify-content:center;align-items:center}.card{margin-left:20px;width:300px;height:400px;background-image:linear-gradient(163deg,#e5ec17,#dbdadf);border-radius:20px;transition:all .3s}.card2{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:400px;background-color:#1a1a1a;transition:all .2s;line-height:42px}.card2 button{margin-bottom:10px}.card h2{color:gold}.card2 p{line-height:30px;text-align:start}.card2:hover{transform:scale(.98);border-radius:20px}.card:hover{box-shadow:0 0 30px 1px #ebdc0d4d}.card2 button{font-size:14px;margin-right:2px;border:none;background:gold;color:#000;padding:10px 30px;border-radius:10px;cursor:pointer;margin-bottom:20px;margin-top:20px}.card2 button:hover{color:red}@media (max-width: 768px){.card-title h1{margin-left:5px;margin-right:5px;font-size:30px;border-bottom:none}.card-title p{text-align:center;font-size:15px}.Card-p{display:flex;justify-content:center;align-items:center;flex-direction:column}.card{margin-bottom:20px}}.form{display:flex;flex-direction:column;align-self:center;gap:20px;padding-inline:2em;padding-bottom:.4em;background-color:#171717;border-radius:20px;border:2px solid #fff;margin-top:50px}.form:hover{border:2px solid gold;transition:2s}.form-heading{text-align:center;margin:1em;color:gold;font-size:30px;background-color:transparent;align-self:center}.form-field{width:350px;display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:5px;padding:.6em;border:2px solid gold;outline:none;color:#fff;background-color:#171717}.input-field{background:none;border:none;outline:none;width:100%;color:#ccd6f6;padding-inline:1em;resize:none}.sendMessage-btn{cursor:pointer;margin-bottom:3em;padding:1em;border-radius:10px;border:none;outline:none;background-color:transparent;color:gold;font-weight:700;outline:1px solid gold;transition:all ease-in-out .3s}.sendMessage-btn:hover{transition:all ease-in-out .3s;background-color:gold;color:#000;cursor:pointer}@media (max-width: 768px){.form{max-width:400px}.form-field{max-width:300px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;background:#000}::-webkit-scrollbar{width:8px;height:7px;scroll-behavior:smooth}::-webkit-scrollbar-track{background:#010101}::-webkit-scrollbar-thumb{background:gold;border-radius:10px}
