img{
    border: 2px solid black;
}
 body { background: rgb(171, 113, 109); }
 .custom-col {
      flex: 0 0 20%;   /* presne 5 v riadku */
      max-width: 20%;
      padding: 15px;
    }

    .gallery img {
      width: 90%;      
      height: auto;
      cursor: pointer;
      transition: transform 0.3s, box-shadow 0.3s;
      border-radius: 5px;
    }
.glow-text {
  color: white; /* môžeš zmeniť podľa potreby */
  text-shadow: 0 0 5px #00f, 0 0 10px #00f, 0 0 20px #00f;
  animation: glowPulse 2s infinite alternate;
}
.nadpis{
    height: 500px;
}
@keyframes glowPulse {
 from {
      text-shadow:
      0 0 5px #00dcff,0 0 10px #00dcff,
      0 0 20px #00dcff, 0 0 40px #00dcff;
    }
    to {
      text-shadow:
      0 0 5px #09889c, 0 0 10px #09889c,
      0 0 20px #09889c, 0 0 40px #09889c;
    }
}
    .gallery img:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    }

    /* Lightbox */
    .lightbox {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.9);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .lightbox img {
      max-width: 95%;
      max-height: 90%;
      border-radius: 8px;
      box-shadow: 0 0 25px rgba(255,255,255,0.6);
    }

    .close-btn {
      position: absolute;
      top: 20px; right: 30px;
      font-size: 40px;
      color: white;
      cursor: pointer;
      font-weight: bold;
    }

    /* Navigačné šípky */
    .arrow {
      position: absolute;
      top: 50%;
      font-size: 60px;
      color: white;
      cursor: pointer;
      user-select: none;
      font-weight: bold;
      transform: translateY(-50%);
      padding: 10px;
    }
    .arrow.left { left: 30px; }
    .arrow.right { right: 30px; }
    .arrow:hover { color: #ccc; }