body {
    margin: 0;
    padding: 0;
    height: 100vh;
    background-image: url('background.jpg');
    background-size: 65% auto; /* Taille identique pour les deux */
    background-position: 50% 0; /* Centré horizontalement, collé au top (en pourcentage et pixels) */
    background-repeat: no-repeat;
    background-color: black;
    overflow: hidden;
}





        /* Conteneur pour l'image superposée */
.overlay-image {
    position: fixed;
    top: 0; /* Collé au haut */
    left: 50%; /* Centré horizontalement */
    transform: translateX(-50%); /* Ajustement précis */
    width: 100%;
    height: 100%;
    background-image: url('rise.png');
    background-size: 65% auto; /* Taille identique pour les deux */
    background-position: 50% -8px; /* Aligné exactement comme body */
    background-repeat: no-repeat;
    z-index: 3;
}

        /* Conteneur pour le texte intermédiaire */
        .middle-layer {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0; /* Entre le fond et l'image superposée */
			position: fixed;
			left: 50%;
			transform: translateX(-50%);
        }

.btc-price {
    position: fixed;
    top: 300px; /* Distance fixe depuis le haut */
    left: 50%; /* Centre horizontal */
    transform: translateX(-50%); /* Ajustement pour centrage précis */
    font-family: "Oxygen", sans-serif;
    font-weight: 1000;
    font-size: 125px;
    color: orange;
    z-index: 10; /* Toujours au-dessus */
    opacity: 0.8;
    text-shadow: 0 0 5px #FFA500, 0 0 10px #FFA500, 0 0 15px #FFA500, 2px 2px 2px rgba(0,0,0,0.5);
    animation: pulse 100s infinite;
    white-space: nowrap; /* Empêche le texte de se casser sur plusieurs lignes */
}


		
.bitcoin-logo {
    position: fixed;
    top: 80px;
    left: 25%;
    width: 300px; /* Taille fixe du conteneur */
    height: 300px; /* Taille fixe du conteneur */
    z-index: 0;
    opacity: 0.15;
    overflow: hidden; /* Empêche l’image de déborder */
}

.bitcoin-logo img {
    width: 100%; /* Remplit le conteneur */
    height: 100%; /* Remplit le conteneur */
    object-fit: contain; /* Garde les proportions */
}

@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.5); }
    100% { transform: translateX(-50%) scale(1); }
}
}
        /* Conteneur des fiat */
#ruble-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Déjà présent, garde les éléments hors conteneur invisibles */
    z-index: 0;
    /* Ajouter un masque pour limiter la visibilité à la hauteur de l'image */
    mask-image: linear-gradient(to bottom, transparent 0%, black 0%, black 65%, transparent 65%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 0%, black 65%, transparent 65%);
}

        /* Fiat */

.ruble {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url('dollar.png');
    background-size: cover;
    opacity: 0.7;
}