/* 90s Retro Background & Font */
body {
  background-color: #fff0f5; /* Lavender blush */
  background-image: radial-gradient(#ffb7c5 0.5px, transparent 0.5px);
  background-size: 20px 20px; /* Subtle polka dot retro vibe */
  font-family: "Comic Sans MS", "Chalkboard SE", sans-serif;
  padding: 20px;
}

/* The Gallery Container */
.gallery {
  display: grid;
  /* This creates a responsive grid without media queries */
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  border: 3px double #ff69b4; /* Classic 90s double border */
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 5px 5px 0px #ffb7c5; /* Hard "retro" shadow */
}

/* The Image "Cards" */
.gallery img {
  width: 100%;
  aspect-ratio: 1 / 1; /* Keeps them as uniform squares */
  object-fit: cover;
  
  /* The "Sticker" Look */
  padding: 5px;
  background: white;
  border: 1px solid #ff69b4;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
  cursor: pointer;
}

/* Hover Effect: Modern feel, Retro look */
.gallery img:hover {
  transform: scale(1.05) rotate(2deg);
  border-color: #fce300; /* Magic Circle Yellow */
  box-shadow: 0 0 10px #ff69b4;
  z-index: 2;
}

/* Add a "New" badge or sparkle feel (Optional) */
.gallery img:nth-child(even) {
  border-radius: 15px 2px 15px 2px;
}