body{
    font-family:sans-serif;
    padding:50px 5%;
    margin:0;
    position:relative;
    font-size:1em;
    color:#333;
}
h1{margin:0}
h2{margin:50px 0 20px 0;}
h3{margin-top:100px}
span.opicky{font-size:3em}
figure{margin:0;padding:0;width:100%;height:100%}
img{object-fit:cover;}
video{width:100%;height:100%;object-fit:cover;}
a{text-decoration:none;}
aside{position: fixed;bottom:0;right:0;}
aside a{font-size:x-small;color: gray;padding:10px 20px;display:block;background-color:whitesmoke;}
.upozorneni{
    padding: 20px;
    border-left: 6px solid gold;
    margin: 50px 0;
}
fieldset{
    border:none;
    margin:0;
    padding:20px;
    background-color:whitesmoke;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
    flex-wrap: wrap;
}
label{position:relative;}
.hvezda{position:absolute;top:15px;right:10px}
input[type=text]{
    font-size:large;
    border:1px solid #ccc;
    padding:15px 25px;
    margin:0;
}
input[type=file]{display:none;}
.btn-upload{
    display: inline-block;
    cursor: pointer;
    padding: 15px 25px;
    background-color: gold;
}
button{
    background-color:yellowgreen;
    color:white;
    font-weight:bold;
    border:none;
    cursor:pointer;
    padding:15px 25px;
    margin:0px;
    font-size:medium;
}
button:hover{background-color:green}
section{
    padding: 0;
    margin: 0 0 50px 0;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
article{
    position: relative;
    overflow:hidden;
    min-height:200px;
}
.autor{
    position: absolute;
    top: 20px;
    right: -100px;
    transform: rotate(35deg);
    background-color: yellowgreen;
    padding: 10px 50px;
    width: 200px;
    text-align: center;
    font-size: small;
}
table{border:0;margin:50px 0;padding:0;border:1px solid #ccc}
table img,
table video{object-fit: cover;height:90px;width:150px}
table tr:nth-child(odd){background-color:whitesmoke}
details{cursor:pointer}
details summary{list-style:none;}

#copyright{margin:100px 0 0 0;color: gray;text-align: center;font-size: x-small;}
#copyright a{color:orange}

@media only screen and (max-width: 480px) {
    article{width:100%}
}

@media only screen and (min-width: 481px) and (max-width: 997px) {
    article{width:calc(50% - 25px)}
}

@media only screen and (min-width: 998px) {
    article{width:calc(25% - 38px)}
}