:root {
    --svetla: rgb(255, 255, 255);
    /*--tmava: rgb(64, 7, 89);*/
    --tmava: rgb(22, 55, 55);
    --onmover: rgb(29, 79, 79);
}

h3{
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}

hr {
    margin: 0px 50px 0px 0px; 
}

.bp {
    color: var(--svetla);
    background-color: var(--tmava);
}

.bublina {
    border: 5px solid var(--tmava);
    border-radius: 20px;
    margin: 50px 10% 10px 10%;
    padding: 10px 30px;
}

.svetla_hr {
    border: 2px solid var(--svetla);
}

.tmava_hr {
    border: 2px solid var(--tmava);
}

li {
    padding: 5px 0px;
}

.polozka {
    color: var(--svetla);
}

.polozka2 {
    color: var(--tmava);
}

.polozka:visited {
    color: var(--svetla);
}

.polozka2:visited {
    color: var(--tmava);
}

@media screen and (max-width: 500px) {
    h3 {
        font-size: 20px;
    }
    .podbody{
        padding: 0px;
    }
}