/* Reset & body */
* { box-sizing: border-box; }
body { margin:0; padding:0; background-color: rgb(197, 232, 233); }

/* Header */
.head { font-family: 'Kaushan Script', cursive; font-size: 200%; color: rgb(37,3,3); }

/* Top navigation */
ul { list-style:none; display:flex; justify-content:space-evenly; margin:0; padding:0; background-color: rgb(175,201,211); }
.nav_item a { display:block; padding:14px 16px; text-decoration:none; color:black; font-family:'Kaushan Script', cursive; }
.nav_item a:hover { color:white; }

/* Compact Gallery Grid */
.gallery_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* smaller thumbnails */
  gap: 10px; /* compact spacing */
  padding: 10px;
}

.gallery_item {
  border: 1px solid #5c378b;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s, border-color 0.2s;
}

.gallery_item:hover {
  transform: scale(1.05);
  border-color: #777;
}

.gallery_item img {
  width: 100%;
  height: 120px;       /* smaller thumbnails */
  object-fit: cover;   /* crops if needed to maintain aspect ratio */
  display: block;
}

.desc {
  text-align: center;
  padding: 5px;
  font-weight: bold;
  font-size: 0.9em;
}