/* Všeobecné štýly stránky */
html {
    font-family: 'Arial', sans-serif; /* Nastavenie základného písma stránky */
}

body {
    font-size: 24px; /* Nastavenie veľkosti písma pre text */
    background: linear-gradient(135deg, #7fa6eb, #a3c8f2, #7fa6eb, #6a89da, #5373c8, #415ea8); /* Gradient pozadia */
}

p {
    color: black; /* Nastavenie čiernej farby textu pre odseky */
    padding: 10px; /* Vnútorné odsadenie pre odseky */
}

section p {
    color: black; /* Nastavenie čiernej farby textu v sekciách */
}

blockquote {
    font-size: 30px; /* Veľkosť písma pre citácie */
}

/* Štýly pre odkazy */
a {
    color: rgb(8, 8, 8); /* Farba textu odkazu v normálnom stave */
    text-decoration: none; /* Odstránenie podčiarknutia odkazu */
}

a:hover {
    color: blue; /* Zmena farby odkazu pri prejdení kurzorom */
}

/* Štýly pre nadpisy */
h1 {
    text-align: center; /* Zarovnanie nadpisu na stred */
    margin-left: 50px; /* Pridanie ľavého odsadenia */
}

h2, h3 {
    text-align: center; /* Zarovnanie textu na stred pre h2 a h3 */
}

/* Štýly pre obrázky */
img {
    border-radius: 15px; /* Zaoblenie rohov obrázkov */
    border: 5px solid #099dd8; /* Modrý rámček okolo obrázkov */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Tiene obrázkov */
    transition: transform 0.3s ease; /* Animácia pri prejdení kurzorom */
}

img:hover {
    transform: scale(1.05); /* Zvýšenie obrázka pri prejdení kurzorom */
}

/* Štýly pre kontajner obrázkov */
.image-container {
    float: left; /* Plávajúce umiestnenie vľavo */
    margin-right: 25px; /* Odsadenie kontajnera vpravo */
    margin-bottom: 25px; /* Odsadenie kontajnera dole */
}

/* Štýly pre tabuľky */
table {
    border-collapse: collapse; /* Odstránenie dvojitých čiar medzi bunkami */
    width: 100%; /* Tabuľka zaberá celú šírku */
}

table th, table td {
    border: 1px solid black; /* Čierne orámovanie buniek */
    padding: 8px; /* Vnútorné odsadenie buniek */
    text-align: left; /* Zarovnanie textu naľavo */
}

table th {
    background-color: #1a91d6; /* Farba pozadia pre hlavičky tabuľky */
}

table img {
    max-width: 100%; /* Obrázky v tabuľke nepresahujú rámec */
    height: auto; /* Zachovanie proporcií obrázkov */
    border-radius: 8px; /* Zaoblenie rohov obrázkov v tabuľke */
}

/* Štýly pre multimédiá */
video {
    display: block; /* Blokový prvok */
    margin: 20px auto; /* Centrovanie videa */
    border: 2px solid #000; /* Čierny rám */
    border-radius: 10px; /* Zaoblené rohy videa */
    position: relative; /* Relatívne pozicovanie */
    z-index: 1; /* Úroveň vrstvy */
}

audio {
    display: block; /* Blokový prvok */
    margin: 20px auto; /* Centrovanie audia */
}

/* Štýly pre kontajner textu */
.conteiner {
    text-align: justify; /* Zarovnanie textu do bloku */
}

/* Štýly pre hlavičku stránky */
header {
    padding: 15px; /* Vnútorné odsadenie */
    margin-bottom: auto; /* Automatické odsadenie dole */
    background: linear-gradient(135deg, #4a70a1, #3c60a1, #324f91); /* Gradient pozadia */
    position: sticky; /* Prilepenie hlavičky pri posúvaní stránky */
    top: 0%; /* Umiestnenie na vrchu stránky */
    left: 0%; /* Umiestnenie naľavo */
    width: 100%; /* Šírka 100% */
    border-radius: 15px; /* Zaoblenie okrajov */
    z-index: 10; /* Vysoká úroveň vrstvy */
}

header img {
    border: none; /* Odstránenie rámčeka okolo obrázkov */
}

header ul {
    list-style-type: none; /* Odstránenie odrážok zo zoznamu */
    margin: 0; /* Odstránenie vonkajších odsadení */
    padding: 0; /* Odstránenie vnútorných odsadení */
    color: white; /* Biela farba textu */
}

header li {
    display: inline; /* Horizontálne zobrazenie položiek zoznamu */
}

header h1 {
    color: white; /* Biela farba textu */
}

header a {
    color: white; /* Biela farba odkazov */
    padding: 8px; /* Vnútorné odsadenie */
    background-color: rgb(36, 3, 36); /* Farba pozadia odkazov */
}

.navinheader img {
    width: 100px; /* Šírka obrázku v hlavičke */
}

/* Štýly pre pätu stránky */
footer {
    padding: 0; /* Odstránenie vnútorných odsadení */
    background-color: rgb(0, 0, 0); /* Čierne pozadie */
    margin-top: 20%; /* Odsadenie hore */
    top: 100%; /* Umiestnenie dole */
    left: 0%; /* Umiestnenie naľavo */
    width: 100%; /* Plná šírka */
}

footer p {
    color: rgb(196, 183, 183); /* Svetlosivá farba textu */
}

footer a {
    color: white; /* Biela farba odkazov */
}

footer h2 {
    color: white; /* Biela farba nadpisov */
}