/*index.html*/
body {
  background-color: lavenderblush;
}

header {
  display: flex;
  justify-content: space-between;
  
}

nav > a {
  color: black;
  text-decoration: none;
  border-right: solid 2px black;
  padding-right: 5px;
}

@media (max-width: 480px)  {
  header {
    display: inline;
  }

  nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  nav > a {
    border: solid 1px black;
  }
}
ul > li {
  margin-bottom: 20px;
}
main {
  background-color: pink;
  flex-direction: column;
  display: flex;
}

h3 {
  font-size: 50px;
  color: pink;
  font-family: 'Times New Roman', Times, serif, Sherif;
  font-weight: bold;
}
p {
  font-family: 'Times New Roman', Times, serif, Sherif;
}

#hudba {
  display: flex;
  flex-wrap: wrap;
}

img {
  border-radius: 10px;
}

#hudba > img {
  width: 200px;
  margin-left: 20px;
}

#hudba > p {
  width:800px;
  margin-right: 20px;
}
#tanec  {
   display: flex;
  gap: 15px;
  align-items: flex-start; /* zarovná horné okraje */
  flex-wrap: wrap;
}



#tanec > img  {
   height: 200px;        /* pevná výška pre všetky */
  width: auto;          /* šírka sa prispôsobí pôvodnému pomeru */
  object-fit: cover;    /* orezanie pre lepší vizuál */
  border-radius: 10px;
}

#dama > img {
  width: 100px;
 margin-right: 20px;
}

#tanec-paragraf {
  width: 800px;


}
 table, th, td {border: 1px black solid; border-collapse: collapse}
        tbody{text-align: center;}


table {
  background-color: lavenderblush }


  

img{width: 200px;
    border: solid 1px ;
    }

.galeria{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; /*centrovanie v x osi*/
    /*align-content + height dvojicka*/
    align-content: center;  /*centrovanie v y osi*/
    height:100vh;
    gap:10px 30px; /*medzeri medzi obr*/
}
/*nastavenie pre mobil*/
@media (max-width:480px){
.galeria{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start; /*centrovanie v x osi*/
    gap:10px; /*medzeri medzi obr*/
    align-items: center;
    }
    
img{width: 80px;}
}
.galeria img{border: solid 5px lavenderblush;}
.menu a:hover {color: pink}
.tlacidlo, .tlacidlo_aktualne {
  padding: 10px 15px;
  margin: 3px;
  border-radius: 6px;
  text-decoration: none;
  color: black;
  font-weight: normal;
}

nav a, .tlacidlo {
  color: black;          /* čierny text */
  text-decoration: none; /* bez podčiarknutia */
  background: none;      /* žiadne pozadie */
  border: none;          /* žiadny rámček */
  padding: 0;
  margin-right: 10px;    /* medzera medzi odkazmi */
  font-weight: normal;   /* normálna hrúbka */
  display: inline;       /* všetko na jednej línii */
  cursor: default;       /* obyčajný kurzor */
}

/* hover efekt */
nav a:hover {
  text-decoration: underline; /* jemný efekt pri prejdení myšou */
}