body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f0f0; } .container { text-align: center; } h1 { font-size: 1.5em; margin-bottom: 20px; } .price-box { width: 3cm; height: 2cm; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center; border-radius: 10px; } .price { font-size: 2em; font-weight: bold; color: #333; } function updateBitcoinPrice() { const priceElement = document.getElementById('price'); fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd') .then(response => response.json()) .then(data => { const bitcoinPrice = data.bitcoin.usd; if (bitcoinPrice) { priceElement.innerText = `$${bitcoinPrice}`; } else { priceElement.innerText = 'Price not available'; } }) .catch(error => { console.error('Error fetching Bitcoin price:', error); priceElement.innerText = 'Price not available'; }); } // Update the Bitcoin price every second setInterval(updateBitcoinPrice, 1000); updateBitcoinPrice(); /* Estilos existentes */ /* Ocultar elementos que no quieres mostrar */ #otrosElementos { display: none; }function updateBitcoinPrice() { // Tu código existente aquí para actualizar el precio // Agregar código para actualizar el porcentaje u otra información } /* Estilos existentes */ .container { text-align: center; } h1 { font-size: 1.5em; /* Mantener el tamaño original para el título */ } #bitcoinName, #bitcoinSymbol, #price, #percentage { font-size: 3em; /* Duplicar el tamaño de fuente de los elementos especificados */ } /* Otros estilos */