.time {
    overflow: hidden;
    display: flex;
    justify-content: center;
}
table {
    width: 800px;
    margin-top: 100px;
    font-size: 18px;
    border-collapse: collapse;
    border-radius: 15px;
    overflow: hidden;
}

td,
th {
    padding: 16px 24px;
    text-align: left;
}

tr:first-child {
    background-color: var(--main-color)!important;
    color: var(--text-color)!important;
}

thead th {
  width: 25%;
}

tbody tr {
    color: var(--text-color);
}

tbody tr.current {
    filter: grayscale(1) drop-shadow(0px 0px 6px #0000004a);
}

tbody tr:nth-child(odd) {
    background-color: var(--main-color);
}

tbody tr:nth-child(even) {
    background-color: var(--main-color-darker);
}

@media only screen and (max-width: 600px) {
    table {
        width: 100%;
        margin-top: 50px;
        font-size: 12px;
        border-collapse: collapse;
        border-radius: 0px;
        overflow: hidden;
    }
}