#playground > section{
    display: flex;
    width: 100%;
    justify-content: center;
}
#opis{
    text-align: center;
    width:48%;
    border: solid black 3px;
    border-radius: 20px;
    margin: 0px 1% 10px 0px;
    overflow-y: scroll;
    height: 30vw;
}
table,td,tr{
    border: 1px solid black;
}
div{
    border: 3px solid black;
    overflow-x: scroll;
    width: 48%;
    height: 30vw;
    border-radius: 20px;
}
table{
    width: 1000px;
    height: 29vw;
    border-collapse: collapse;
}
td{
    width:20%;
    align-items: center;
    text-align: center;
}
table:hover{
    border-collapse:separate;
    border-spacing: 10px 10px;
    transition: all 1s;
}
td:nth-child(even){
    background-color: lightblue;
    transition: all 1s;
}
td:nth-child(odd){
    background-color: aquamarine;
    transition: all 1s;
}
td:hover{
    transition: all 1s;
    background-color: red;
}