* { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%; overflow:hidden; background:#000; }

#snowBackground {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
}

/* Flip card */
.flip-card {
  width:100%;
  height:100%;
  perspective:1000px;
  cursor:pointer;
  position:relative;
  z-index:1;
}

.flip-card-inner {
  width:100%;
  height:100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  position:relative;
}

.flip-card.flip .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  width:100%;
  height:100%;
  position:absolute;
  backface-visibility:hidden;
  display:flex;
  justify-content:center;
  align-items:center;
}

.flip-card-back { transform: rotateY(180deg); }

/* Fond centré */
.fond-centre {
  width:60%;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:1;
}

/* Contenu au centre */
.contenu-centre {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  z-index:2;
}

/* Boule */
.snow-globe {
  width:950px; 
  height:950px;
  margin-left:-35px;
}

.snow-globe img {
  width:100%;
  height:100%;
  object-fit:contain;
}