.container {
    width: 80%;
    margin: 0 auto;
}

.crypto-informatie {
    padding: 40px 0;
}

.crypto-informatie h2 {
    font-size: 2em;
    color: #343a40;
    margin-bottom: 20px;
}

.crypto-informatie p, .crypto-informatie ul {
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 20px;
}

.crypto-informatie ul {
    list-style: disc;
    margin-left: 20px;
}

.crypto-informatie img {
    width: 100%;
    margin-bottom: 30px;
}

.cta-button {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.1em;
    margin-top: 20px;
}

.cta-button:hover {
    background-color: #0056b3;
}
/* Live prijzen */
#crypto-prices {
    background-color: #f1f1f1;  /* Lichtere, neutrale achtergrondkleur voor een frisse uitstraling */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Zachte schaduw voor diepte */
    margin-top: 30px;
    display: flex;  /* Gebruik flexbox voor horizontale plaatsing */
    flex-wrap: wrap;  /* Laat de munten door de ruimte heen breken */
    justify-content: space-around; /* Zorg voor een gelijke verdeling */
    gap: 15px;  /* Ruimte tussen de munten */
}

#crypto-prices p {
    font-size: 1.2em;
    margin: 10px 0;
    font-weight: 500;
    color: #333;  /* Donkergrijze tekst voor betere leesbaarheid */
    text-align: center;
    width: 120px;  /* Specifieke breedte voor munten */
    transition: transform 0.3s ease, box-shadow 0.3s ease;  /* Animatie voor beweging en schaduw */
}

#crypto-prices p:hover {
    transform: scale(1.1);  /* Vergroot de munten iets bij hover */
    box-shadow: 0 0 15px rgba(0, 0, 255, 0.5), 0 0 30px rgba(0, 0, 255, 0.3);  /* Glowing effect bij hover */
}

#crypto-prices span {
    color: #2962ff;  /* Blauwe kleur voor de prijzen */
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 5px rgba(0, 0, 255, 0.4); /* Subtiele blauwe gloed */
    transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease;  /* Toevoegen van animatie voor kleur, schaduw en schaling */
}

#crypto-prices span:hover {
    color: #0033cc;  /* Donkerblauw bij hover */
    text-shadow: 1px 1px 8px rgba(0, 51, 204, 0.7); /* Intensievere gloed bij hover */
    transform: translateY(-5px);  /* Verplaats de tekst een beetje omhoog voor dynamiek */
}

/* Specifieke stijlen voor elk cryptocurrency type */
#btc-price {
    color: #ff9e00; /* Gouden kleur voor Bitcoin */
}

#eth-price {
    color: #8c65e6; /* Lila/paarse kleur voor Ethereum */
}

#doge-price {
    color: #ff9e00; /* Gouden kleur voor Dogecoin */
}

#bch-price {
    color: #4caf50; /* Groene kleur voor Bitcoin Cash */
}

#ltc-price {
    color: #a7a7a7; /* Grijze kleur voor Litecoin */
}

#xrp-price {
    color: #006e8e; /* Blauwe kleur voor XRP */
}

#xmr-price {
    color: #ff6600; /* Oranje kleur voor Monero */
}

#sol-price {
    color: #f8b800; /* Gouden geel voor Solana */
}

#dot-price {
    color: #e6007d; /* Paars-roze kleur voor Polkadot */
}

#ada-price {
    color: #2962ff; /* Blauw voor Cardano */
}

#matic-price {
    color: #0055b8; /* Blauw voor Polygon */
}

#atom-price {
    color: #00c4b3; /* Groene kleur voor Cosmos */
}