body {                                          /* celé telo každej stránky */
  font-family: "Times New Roman", Times, serif; /* nastaví písmo celej stránky */
  background-color: #f2f2f2;                    /* svetlosivé pozadie stránky */
  color: #111;                                  /* tmavá farba textu */
  margin: 0;                                    /* zruší vonkajší okraj stránky */
  padding: 0;                                   /* zruší vnútorný okraj stránky */
}

header {                                        /* hlavička stránky */
  background-color: #2b2b2b;                    /* tmavosivé pozadie */
  color: #ffffff;                               /* biely text */
  padding: 20px;                                /* vnútorný okraj hlavičky */
  border-bottom: 4px solid #800020;             /* spodný bordový rámček */
}

.velky-nadpis {                                 /* veľký nadpis stránky */
  color: #800020;                               /* bordová farba nadpisu */
}

.logo {                                         /* <img class="logo"> */
  width: 120px;                                 /* šírka loga (presunuté z HTML) */
}

.fotka {                               /* <img class="fotka"> */
  width: 150px; 
  float: right;                         /* obtekanie obrázka */
  margin-top: -160px;                   /* posunie obrázok vyššie */
}

.obsah {                                        
  margin: 20px;                                 /* vonkajší okraj */
  padding: 15px;                                /* vnútorný okraj */
  border: 1px solid #555;                       /* sivý rámček */
  background-color: #fafafa;                    /* svetlé pozadie */
}

nav a {                                         
  color: #e0e0e0;                               /* svetlosivá farba */
  text-decoration: none;                        /* odstráni podčiarknutie */
  margin: 0 6px;                                /* medzery medzi odkazmi */
  font-weight: bold;                            /* tučné písmo */
}

nav a:hover {                                   /* efekt pri prechode myšou */
  color: #800020;                               /* zmena farby na bordovú */
  text-decoration: underline;                   /* podčiarknutie */
}

#uvod {                                         
  background-color: #e6e6e6;                    /* svetlosivé pozadie */
  padding: 15px;                                /* vnútorný okraj */
  margin: 20px;                                 /* vonkajší okraj */
  border: 2px solid #800020;                    /* bordový rámček */
}

p {                                             /* odstavce */
  line-height: 1.7;                             /* väčšie riadkovanie */
  margin: 10px 20px;                            /* odsadenie textu */
}

.pc-img,
.learning-img,
.hiking-img {                                   /* obrázky pri záujmoch */
  width: 130px;                                 /* šírka obrázka */
  float: right;                                 /* text obteká obrázok */
  margin: 10px;                                 /* vonkajší okraj */
  padding: 5px;                                 /* vnútorný okraj */
  border: 2px solid #800020;                    /* bordový rámček */
  border-radius: 12px;                          /* zaoblené rohy */
  transition: transform 0.3s ease;              /* plynulý efekt */
}

.pc-img:hover,
.learning-img:hover,
.hiking-img:hover {                             /* kurzor nad obrázkom */
  transform: scale(1.2);                        /* zväčšenie obrázka */
}

table {                                         
  border-collapse: collapse;                    /* spojenie okrajov */
  width: 85%;                                   /* šírka tabuľky */
  margin: 30px auto;                            /* vycentrovanie */
  background-color: #ffffff;                    /* biele pozadie */
}

th, td {                                        
  border: 2px solid #2b2b2b;                    /* tmavý rám */
  padding: 12px;                                /* vnútorný okraj */
  text-align: center;                           /* text na stred */
}

th {                                            /* hlavička tabuľky */
  background-color: #800020;                    /* bordové pozadie */
  color: white;                                 /* biely text */
}

.kód                                    /* class="kód" class="sport" */
.sport{ 
  width: 80px;
}

.tab-img {                                      /* <img class="tab-img"> */
  width: 80px;                                  
}

audio, video {                                  
  display: block;                               /* samostatný riadok */
  margin: 25px auto;                            /* vycentrovanie */
  border: 2px solid #800020;                    /* bordový rámček */
}

.video {                                        /* <video class="video"> */
  width: 420px;                                 
}
.audio{                                         /* <audio class="audio"> */
  border-radius: 10px;
}

a {                                             /* každý odkaz */
  color: #800020;                               /* bordová farba */
}

a:hover {                                       /* prechod myšou */
  color: black;                                 /* zmena farby */
}


footer {                                        
  background-color: #2b2b2b;                    /* tmavosivé pozadie */
  color: #e0e0e0;                               /* svetlosivý text */
  text-align: center;                           /* zarovnanie na stred */
  padding: 12px;                                /* vnútorný okraj */
}