body {
    background-image: url("../images/dirty_yellow-B1iQQAy.png");
}

.container {
    margin-top: 120px;
}

.homelab-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 40px;
    color: #333;
}

.homelab-p {
    color: #999;
}

.homelab {
    margin: 0 auto;
    position: relative;
    background: rgba(249, 249, 249, 0.4);
    padding: 20px 300px 300px 25px; /* ⬅️ 170px à droite = espace réservé à l’image */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    max-width: 1000px;
    text-align: left;
    border-radius: 8px;
}

.old-pc-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 340px; /* ⬅️ agrandie */
    height: auto;
    border-radius: 8px;
    background: rgba(
        249,
        249,
        249,
        0
    ); /* optionnel pour contraste si image transparente */
}

.text-and-button {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* aligne les éléments à droite */
    gap: 10px; /* espace entre le p et le bouton */
}
.image-text-wake {
    display: block; /* ou none si tu veux qu'il apparaisse seulement via JS */
    position: absolute;
    bottom: 250px;
    right: 140px;
    color: #0f0;
    font-weight: bold;
    font-size: 0.6rem;
    transform: rotate(5deg);
    font-family: monospace;
}
.image-text-matrix {
    display: none;
    position: absolute;
    bottom: 250px;
    right: 120px; /* Distance depuis la droite de .password-generator */
    color: #0f0; /* Couleur du texte */
    font-weight: bold;
    font-size: 0.6rem; /* Optionnel pour lisibilité */
    transform: rotate(5deg); /* Inclinaison vers la droite */
    font-family: monospace;
}
.image-text-rabbit {
    display: none;
    position: absolute;
    bottom: 250px;
    right: 125px; /* Distance depuis la droite de .password-generator */
    color: #0f0; /* Couleur du texte */
    font-weight: bold;
    font-size: 0.6rem; /* Optionnel pour lisibilité */
    transform: rotate(5deg); /* Inclinaison vers la droite */
}
.image-text-knock {
    display: none;
    position: absolute;
    bottom: 250px;
    right: 135px; /* Distance depuis la droite de .password-generator */
    color: #0f0; /* Couleur du texte */
    font-weight: bold;
    font-size: 0.6rem; /* Optionnel pour lisibilité */
    transform: rotate(5deg); /* Inclinaison vers la droite */
}

#puff {
    width: 64px;
    height: 64px;
    background: url("../images/poof-a6LT1qv.png") no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 250px;
    left: 650px;
    background-position: 0 0;
    z-index: 9999;
    display: none; /* commence caché */
}
#terminal-text {
    white-space: pre; /* très important pour afficher les espaces tels quels */
    font-family: monospace; /* pour un look de terminal */
}