@font-face {
  font-family: 'Monument';
  src: url('https://files.cargocollective.com/c1379113/MonumentExtended-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Rasputin';
  src: url('https://files.cargocollective.com/c1379113/rasputin.regular.otf') format('opentype');
}

body {
  margin: 0;
  background: black;
}

.a-fullscreen-button {
  display: none !important;
}

/* Horloge */
#clock {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Monument', sans-serif;
  color: #0055FF;
  font-size: 16px;
  letter-spacing: 2px;
  z-index: 999;
  user-select: none;
}

/* Social container */
#social {
  position: fixed;
  top: 5px;
  left: 5px;
  perspective: 800px;
  z-index: 1000;
}

/* Base link style */
#social a {
  display: inline-block;
  margin-right: 12px;
  font-family: 'Monument', sans-serif;
  color: #0055FF;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  transform: translateY(0) rotateX(0deg);
}

/* Flip-up-down animation */
#social a:hover {
  animation: flipUpDown 0.8s ease forwards;
}

@keyframes flipUpDown {
  0%   { transform: translateY(0)      rotateX(0deg);   }
  33%  { transform: translateY(-100%)  rotateX(90deg);  }
  34%  { transform: translateY(100%)   rotateX(90deg);  }
  100% { transform: translateY(0)      rotateX(360deg); }
}