/*selektor ako html a farba písma*/

h1 {
    color: midnightblue;
    text-align: center;
}

/* id*/

#spathore {
    color:rgb(12, 78, 56);
}

/* class, font-style + vonkajší okraj*/
.trieda{
    font-style: italic;
    margin: 10px 10px;;
}

/* farebné pozadie*/

body {
    background-color:rgb(32,178,170,25%);
    border: 2px solid cadetblue;
}

/* farba textu*/
q{
    color:darkslategrey;
}

/*štýlovanie písma*/
h2{
    font-style:oblique;
}

/*vnútorný okraj*/
.classpic{
    padding: 20px;
}

/*obtekanie obrázku*/
.obtekanie{
    float:left;
}

/*aby obtekala iba časť textu, nie všetko za obrázkom*/
.clear{
    clear: both;
}

/*zaoblené rohy obrázka*/
figure#obrazok img{
    border-radius: 50px;
}

/*zväčšenie obrázka pri hovernutí myšou*/
img:hover {
    transform: scale(1.1);
}

/*orámovanie tabuľky*/
table {
    border-collapse: collapse;
    width: 50%;
}

th, td {
    border: 1px solid black;
    padding: 2px 4px; /*vnútorné odsadenie*/
    background-color:beige;
}

/*úpravy prehrávača zvuku*/
audio {
    width: 100%;
}

/*úpravy videa*/
video {
    width: 75%;
    margin: 10px;
}

/*nastavenia pre menu*/
nav{
    background-color:rgba(157, 231, 228, 0.815);
    padding: 20px;
    text-align: center; /*na stred*/
}

/*nastavenia na odkazy v menu*/
nav a {
    margin: 0 15px;
    font-size: 18px;
}