.ShowInfoBlock{
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 90%;
    margin: auto auto 10px;
    padding: 20px;
    align-self: center;
    animation: ease-in-out 0.3s fadeInUp;
    transition: all 0.3s;
}

table{
    width: 80%;
    border-collapse: collapse;
    margin: auto;
}
tr{
    border-bottom: 1px solid #ddd;
    transition: all 0.3s;
}
td{
    padding: 8px;
}

@media (prefers-color-scheme: dark) {
    .ShowInfoBlock{
        background-color: rgba(32, 32, 32, 0.9);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 90%;
        margin: auto auto 10px;
        padding: 20px;
        align-self: center;
        animation: ease-in-out 0.3s fadeInUp;
        transition: all 0.3s;
    }
    tr{
        border-bottom: 1px solid #333333;
        transition: all 0.3s;
    }
}