/* Navigacijos juostos fonas */
nav {
  background-color: #333;       /* Tamsus pilkas */
    padding: 10px 20px; 
	border-radius: 30px;
}

/* Išvalo sąrašo numatytus taškus ir tarpus */
nav ul {
  list-style: none;                   /* Pašalinami bullet'ai */
  margin: 0;                           /* Nėra išorinių tarpų */
  padding: 0;                        /* Nėra vidinių tarpų */
  display: flex;                     /* Išdėsto visus elementus eilutėje */
  justify-content:space-between;   /* Centre išdėsto elementus */
}

/* Nuorodų stilius */
nav ul li a {
  color: white;                     /* Nuorodos tekstas – baltas */
  padding: 10px 20px;      /* Erdvė aplink tekstą */
  text-decoration: none;   /* Pašalinamas pabraukimas */
}

/* Nuorodos hover efektas */
nav ul li a:hover {
  background-color: #555;     /* Fonas tampa šviesesnis, kai užvedama pele */
  border-radius: 10px;
}

/* Galerijos konteineris – naudojamas CSS Grid išdėstymas */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px; /* Tarpas tarp elementų */
  padding: 10px;
}

/* Kiekvienas galerijos elementas */
.gallery-item {
  overflow: hidden;
}

/* Vaizdų stilius: pilnai užpildo elemento plotą ir turi suapvalintus kampus */
.gallery-item img {
  width: 100%;
  height: 500px;
  display: block;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

/* Efektas: užvedus pele vaizdas šiek tiek padidina */
.gallery-item img:hover {
  transform: scale(1.05);
}


.kuku {max-width: 50%;
max-height:auto;
}