/* === GENEL === */
html, body {
  margin: 0;
  background-color: #040404;
  color: white;
  font-family: 'Press Start 2P', cursive;
  text-align: left;
  overflow-x: hidden;
}

/* === ÖLÇEKLER === */
:root {
  --vw-scale: calc(100vw / 1920);
  --vh-scale: calc(100vh / 1080);
}

/* === ÜST MENÜ === */
.gif-row {
  display: flex;
  justify-content: flex-start;
  gap: calc(200 * var(--vw-scale));
  margin-top: calc(40 * var(--vh-scale));
  margin-left: calc(60 * var(--vw-scale));
  flex-wrap: wrap;
}
.gif-item { text-align: center; }
.gif-item img {
  width: calc(200 * var(--vw-scale));
  image-rendering: pixelated;
  display: block;
  margin-bottom: calc(20 * var(--vh-scale));
  transition: transform 0.2s;
}
.gif-item img:hover { transform: scale(1.4); }
.gif-label {
  color: white;
  font-family: 'Press Start 2P', cursive;
  font-size: calc(24 * var(--vw-scale));
  transition: color 0.2s;
}
.gif-item:hover .gif-label { color: #ff66cc; }