.menu li a {
    font-family: monospace; /* Typ písma */
    font-weight: 500; /* Určuje tučnosť textu */
    font-size: 30px; /* Velkosť textu */
    color: rgb(255, 255, 255); /* Farba textu */
    text-decoration: none; /* Ozdoba textu */
}

.menu li a:hover{ /* Pseudotrieda, čo robí daný element keď prejdeme myšou ponad prvok */
    cursor: pointer; /* Kurzor myši sa zmení na ruku */
    font-size: 40px; /* Velkosť textu pri hover */
}

header {
    display: flex; /* Zoradenie do jedného riadku */
    justify-content: space-between; /* Rozloženie prvkov rovnomerne */
    align-items: center; /* Zarovná prvky vertikálne na stred headera */
    padding: 30px 10%; /* Vzdialenosť medzi prvkami */
    margin-top: 20px; /* Horný vonkajší okraj */
    margin-left: 20px; /* Ľavý vonkajší okraj */
    margin-right: 20px; /* Pravý vonkajší okraj */
}

.logo {
    cursor: pointer; /* Kurzor myši sa zmení na ruku */
    text-align: justify; /* Zarovná text vo vnútri prvku na obidve strany */
    float: right; /* Posunie logo doprava */
    border-radius: 50%; /* Zaoblenie hraníc na kruh (ak je štvorec) */
    height: 100px; /* Výška obrázku */
    width: 100px; /* Šírka obrázku */
}

.logo:hover{ /* Pseudotrieda, čo robí daný element keď prejdeme myšou ponad prvok */
    transition: 0.3s ease; /* Plynulý prechod pri zmene vlastností za 0,3s */
    transform: scale(1.2); /* Pri hover sa logo zväčší o 20% */
}

.menu {
    list-style: none; /* Odstráni bodky pred položkami zoznamu */
}

.menu li {
    display: inline-block; /* Položky zoznamu budú v jednom riadku */
    padding: 0px 20px; /* Vodorovné odsadenie */
}

.menu li a {
    transition: all 0.3s ease 0s; /* Plynulý prechod všetkých zmien vlastností za 0,3s */
}

.menu li a:hover{ /* Pseudotrieda, čo robí daný element keď prejdeme myšou ponad prvok */
    color: rgb(75, 175, 55); /* Pri hover zmení farbu odkazu */
}

header {
    background-color: rgb(45, 54, 49); /* Nastaví farbu pozadia hlavičky */
    border-style: outset; /* Štýl rámika */
}

body {
    font-family: monospace; /* Typ písma */
}

body {
    background-image: url("pozadie.jpg"); /* Obrázok pozadia */
    background-position: center; /* Obrázok bude vycentrovaný */
    background-repeat: no-repeat; /* Obrázok sa neopakuje */
    background-size: cover; /* Obrázok vyplní celý element */
}

footer {
    text-align: center; /* Obsah vycentrovaný horizontálne */
    font-size: 120%; /* Veľkosť písma */
}

table, tr, td, th {
  border: 1px solid rgb(81, 82, 47); /* Okraj pre tabuľku, riadky, bunky a hlavičky */
  border-collapse: collapse; /* Odstráni medzery medzi bunkami tabuľky */
  padding: 5px; /* Vnútorné odsadenie bunky 5px */
  font-size: 120%; /* Veľkosť písma */
}

#tabulka {
    padding-bottom: 50px; /* Spodný okraj */
}

h2 {
    text-align: center; /* Text v riadkoch vycentrovaný */
    font-size: 300%; /* Veľkosť písma */
}

#tabulka2 {
    padding-bottom: 50px; /* Spodný okraj */
}

tr {
    text-align: center; /* Text v riadkoch vycentrovaný */
}

th {
    background-color: rgb(83, 81, 66); /* Farba pozadie hlavičkových buniek */
    color: white; /* Farba písma */
}

tr:nth-of-type(2n) { /* Každý druhý riadok tabuľky */
  background-color: rgb(133, 133, 73); /* Farba pozadie */
}

h1, h3 {
    text-align: center; /* Text v riadkoch vycentrovaný */
}

#omne {
    text-align: center; /* Text v riadkoch vycentrovaný */
    line-height: 2; /* Veľkosť medzeri medzi riadkami */
    font-size: 150%; /* Veľkosť písma */
    background-color: rgba(35, 70, 40, 0.3); /* Farba pozadia, 30 % nepriehľadnosťou */
    margin-left: 200px; /* Ľavý vonkajší okraj */
    margin-right: 200px; /* Pravý vonkajší okraj */
    margin-bottom: 50px; /* Spodný vonkajší okraj */
    border-style: outset; /* Určuje štýl rámika */
    border-color: rgb(184, 226, 226); /* Farba rámika */
}

#mapa {
    text-align: center; /* Vycentrovanie */
    padding-top: 50px; /* Horný okraj */
    padding-bottom: 50px; /* Spodný okraj */
}

h1 {
    font-size: 400%; /* Veľkosť písma */
}

h3 {
    font-size: 200%; /* Veľkosť písma */
}

.kontakty {
    list-style: none; /* Odstráni bodky pred položkami zoznamu */
    text-align: center; /* Vycentrovanie */
    font-size: 200%; /* Veľkosť písma */
    line-height: 3; /* Veľkosť medzeri medzi riadkami */
}

#audio {
    text-align: center; /* Vycentrovanie */
}

video {
    height: 400px; /* Výška videa */
    width: 600px; /* Šírka videa */
}

#video {
    text-align: center; /* Vycentrovanie */
    padding-bottom: 50px; /* Spodný okraj */
}

#projekt {
    margin-left: 200px; /* Ľavý vonkajší okraj */
    margin-right: 200px; /* Pravý vonkajší okraj */
    font-size: 150%; /* Veľkosť písma */
    background-color: rgba(35, 70, 40, 0.3); /* Farba pozadia, 30 % nepriehľadnosťou */
    padding-left: 50px; /* Ľavý vnútorný okraj */
    padding-right: 50px; /* Pravý vnútorný okraj */
    padding-top: 10px; /* Horný okraj */
    padding-bottom: 10px; /* Spodný okraj */
    border-style: inset; /* Určuje štýl rámika */
    line-height: 1.5; /* Veľkosť medzeri medzi riadkami */
}

section {
    padding-bottom: 20px; /* Spodný vnútorný okraj */
    padding-top: 20px; /* Horný vnútorný okraj */
    margin-left: 250px; /* Ľavý vonkajší okraj */
    margin-right: 250px; /* Pravý vonkajší okraj */
    margin-bottom: 50px; /* Spodný vonkajší okraj */
    border-style: outset; /* Štýl rámika */
    background-color: rgba(35, 70, 40, 0.3); /* Farba pozadia, 30 % nepriehľadnosťou */
    font-size: 120%; /* Veľkosť písma */
}

blockquote {
    text-align: center; /* Vycentrovanie */
}

h4 {
    padding-left: 20px; /* Ľavý okraj */
}

.btn {
    background-color: #4CAF50; /* Farba pozadia */
    color: white; /* Farba textu */
    padding: 10px 20px; /* Vnútorný okraj */
    border: outset; /* Štýl rámika */
    border-radius: 15px; /* Zaoblené rohy */
    font-size: 40px; /* Veľkosť písma */
    cursor: pointer; /* Ruka pri hoveri */
    transition: 0.3s ease; /* Plynulý efekt */
}

.btn:hover { /* Pseudotrieda, čo robí daný element keď prejdeme myšou ponad prvok */
    transform: scale(0.95); /* Pri hover sa zmenší */
}

.btn2 {
    background-color: #4CAF50; /* Farba pozadia */
    color: white; /* Farba textu */
    padding: 10px 20px; /* Vnútorný okraj */
    border: outset; /* Štýl rámika */
    border-radius: 15px; /* Zaoblené rohy */
    font-size: 40px; /* Veľkosť písma */
    cursor: pointer; /* Ruka pri hoveri */
    transition: 0.3s ease; /* Plynulý efekt */
}

.btn2:hover { /* Pseudotrieda, čo robí daný element keď prejdeme myšou ponad prvok */
    transform: scale(0.95); /* Pri hover sa zmenší */
}

aside {
    border-style: outset; /* Štýl rámika */
    padding-bottom: 10px; /* Spodný vnútorný okraj */
    padding-left: 20px; /* Ľavý vnútorný okraj */
    padding-right: 20px; /* Pravý vnútorný okraj */
    margin-bottom: 50px; /* Spodný vonkajší okraj */
    margin-left: 150px; /* Ľavý vonkajší okraj */
    margin-right: 150px; /* Pravý vonkajší okraj */
    font-size: 170%; /* Veľkosť textu */
    line-height: 1.25; /* Veľkosť medzeri medzi riadkami */
    background-color: rgba(35, 70, 40, 0.3); /* Farba pozadia, 30 % nepriehľadnosťou */
}

.word {
    height: 30px; /* Výška obrázku */
    width: 30px; /* Šírka obrázku */
}

.excel {
    height: 30px; /* Výška obrázku */
    width: 30px; /* Šírka obrázku */
}

.autocad {
    height: 30px; /* Výška obrázku */
    width: 90px; /* Šírka obrázku */
}

.sap {
    height: 30px; /* Výška obrázku */
    width: 70px; /* Šírka obrázku */
}

.solidedge {
    height: 30px; /* Výška obrázku */
    width: 70px; /* Šírka obrázku */
}