/* css/stylesig-3d.css */
.signature-3d-container {
  perspective: 800px;             /* profondeur de la scène */
  display: inline-block;
}

.signature-3d {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  transform-style: preserve-3d;
  animation: spin3d 5s infinite linear;
  /* extrusion via ombres multiples */
  text-shadow:
    1px 1px 0 #ccc,
    2px 2px 0 #bbb,
    3px 3px 0 #aaa,
    4px 4px 0 #999,
    5px 5px 0 #888;
}

@keyframes spin3d {
  from {
    transform: rotateY(0deg) rotateX(0deg);
  }
  to {
    transform: rotateY(360deg) rotateX(20deg);
  }
}