p {
    text-align: center; /* vycentruje text na stred */
}
h1, h2 {
    text-align: center;
}

ul {
    list-style-type: circle; /* mení typ odrážok na kruhy */
    text-align: left; /* zarovná text na ľavú stranu */
}

ol {
    list-style-type: decimal; /* mení typ číslovania na desiatkové */
    text-align: left;
}

dl{
    text-align: left;
}

ol img {
    width: 5%; /* nastaví šírku obrázkov v číslovaných zoznamoch na 5% */
}

nav ul{
    text-align: center;
}
nav ul li{
    display:inline-block; /* zobrazí položky vedľa seba */
    margin: auto 2%; /* pridá horizontálny margin medzi položky */
    padding: 0.5%; /* pridá padding okolo položiek */
}

nav ul li:hover{
    background-color: white; /* zmení farbu pozadia pri hover */
    border-radius: 20px; /* pridá zaoblené rohy pri hover */
    border: 2px solid red; /* pridá rámček okolo hover */
}

a:hover{
    color:white; /* zmení farbu odkazu pri hover */
}

a{
    color: red; 
    margin: auto 0.5%;
    padding: 0.5%;
}

img{
    width: 2%;
    height: 2%; /* nastaví šírku a výšku všetkých obráykov na 2% */
    float: left; /* zarovná obrázky na ľavú stranu */
    margin-right: 1%; /* pridá margin vpravo od obrázkov */
}

tr td img{
    width: 10%;
    height: 10%;
    display: block; /* nastaví šírku a výšku obrázkov v tabuľkách na 10% a zmení ich na blokové prvky */
    margin-left: 45%; /* vycentruje obrasázky v tabuľkách */
    padding: 1%;
}
a img:hover{
    transform: scale(1.5); /* zväčší obrátky pri hover */
    border-radius: 15px; /* pridá zaoblené rohy pri hover */
}

li a:hover{
    color:red;
}

.Hraci li{
    text-align: left;
}
body{
    background-color: black;
    color:white;
    margin: auto 2%;
    padding: 0.5%;
}

.TOP10 ul{
    list-style-type: disc; /* mení typ odrážok na plné kruhy */
}

table{
    border: solid red 3px;
    margin: auto;
    padding: 2px;
    border-collapse: collapse; /* zruší medzery medzi bunkami tabuľky */
}

td ul li{
    list-style-type: none; /* zruší odrážky v zoznamoch v bunkách tabuľky */
}

.mapa{
    width: auto; /* nastaví šírku mapy na automatickú */
    height: auto; /* nastaví výšku mapy na automatickú */
}

html{
    border: solid red 5px;
    font-family:'Times New Roman', Times, serif; /* nastaví písmo pre celú stránku */
}

video{
    margin: auto;
    padding: 0.5%;
    transform: scale(0.8);
}

audio{
    margin: auto 0.5%;
    border: solid red 2px;
    border-radius: 30px;
}

strong{
    text-decoration: underline; /* podčiarkne text v rámci značky strong */
}