/*body {
    background-color: gray;
}
 
h1 {
    color: rgb(255, 50, 177);
    text-align: center;
    text-decoration: underline;
    background-color: pink;
}
 
h2 {
    color: rgb(255, 50, 177);
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
    background-color: pink;
}
 
th {
    background-color: rgb(255, 50, 177);
    height: 50px;
    text-align: center;
    border-radius: 10px;
}
 
tr {
    background-color: rgb(133, 220, 131);
}
 
td {
    background-color: pink;
    height: 50px;
    vertical-align: middle;
    border-radius: 5px;
}
 
table {
    border-spacing: 4px;
    width: 80%;
}
 
.voce {
    color: rgb(255, 0, 128);
}
 
td:hover {
    background-color: yellow;
}
 
th:hover {
    background-color: blue;
}
 
table tr:hover, table tr:hover th {background-color: rgb(226, 43, 43);}
 
tr:nth-child(even) {background-color: red;}
*/

body {background-color: bisque;}
.tablica{
    border-collapse: separate;
    margin: 50px;
    font-size: 15px;
    min-width: 400px;
    width: 90%;
    border-spacing: 5px;
    margin: auto;
}
.tablica thead tr{
    background-color: rgb(242, 255, 100);
    color:  rgb(255, 50, 177);
    text-align: left;
}
.tablica tbody tr{
    background-color: rgb(255, 103, 189);
    color: black;
}
.tablica td,
.tablica th{
    padding: 25px;
}
.tablica tbody tr:nth-child(even){
    background-color: rgb(134, 146, 255);
}
.tablica tbody tr:hover{
    background-color: rgb(13, 101, 6);
}
.tablica td:hover,
.tablica th:hover{
    background-color: #54e138;
}

/*.tablica th{
    border-top-left-radius: 10px;
    border-radius: 40px;
}*/

/*.tablica tbody tr td{
    border-top-left-radius: 10px;
    border-radius: 40px;
}*/

h1 {
    color: rgb(255, 50, 177);
    text-align: center;
    text-decoration: underline;
    background-color: pink;
}
 
h2 {
    color: rgb(255, 50, 177);
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
    background-color: pink;
}