/**
 * @file index.css
 * @author P. Heiniger Design
 * * PIXEL PERFECTION.
 * Global resets and utility injections.
 * If it's not aligned, it's a bug.
 */

/* Fix horizontal scroll globally without breaking sticky headers.
   Because horizontal scrollbars on mobile are a sin. */
html, body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* The Void. It absorbs light and emits style. */
body {
  background-color: #1F1E1D;
  color: #FFFFFF;
  font-family: 'DM Sans', sans-serif;
}

/* ... animations ... */

/* Glitch effect: For that "I live in the matrix" vibe. */
@keyframes glitch {
  0% { transform: translate(0) }
  20% { transform: translate(-2px, 2px) }
  40% { transform: translate(-2px, -2px) }
  60% { transform: translate(2px, 2px) }
  80% { transform: translate(2px, -2px) }
  100% { transform: translate(0) }
}

.animate-glitch {
  animation: glitch 0.3s cubic-bezier(.25, .46, .45, .94) both infinite;
  color: #C41E3A; /* British Red - Aggressive. */
}