body {
  background-color: #efe1f8;
}

.tablica{
    
    border-collapse: separate;
    margin: 20px;
    font-size: 15px;
    min-width: 400px;
    width: 50%;
    border-spacing: 5px;
    margin-left: auto;
    margin-right: auto;
}
.tablica thead tr{
    background-color: rgb(106, 80, 143);
    color: azure;
    text-align: center;
    border-bottom: solid 5px #efe1f8;
}

.tablica tbody tr{
    background-color: rgb(181, 148, 192);
    color: black;
    border-bottom: solid 4px #efe1f8;
    text-align: center;
  
}

.tablica td,
.tablica th{
    padding: 15px;
}

.tablica tbody tr:nth-child(even){
    background-color: rgb(236, 227, 241);
}

.tablica td:hover,
.tablica th:hover{
    background-color: #b16ebe;
    color: #f4e9f6;
}
h1{
    text-align: center;
    color: #4b2653;
}