* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: linear-gradient(to left, rgb(121, 121, 233), rgb(88, 233, 88));
}

div.table_container {
    max-width: 1000px;
    margin: 10rem auto;

}

table {
    width: 100%;
}

table thead th {
    padding: 1rem;
    text-align: left;
    background-color: rgb(145, 153, 153);
    color: #fff;
}

table tbody tr td {
    padding: 1rem;
    color: #fff;
}

table tbody tr td:not(:first-child):hover{
    background-color: rgba(170, 141, 79, 0.925);
    box-shadow: 2px 15px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    transform: translate(3px, -3px);
    transition: transform .4s ease;
}

tr:nth-child(odd) {
    background-color: rgb(82, 71, 59);
}

tr:nth-child(odd):hover {
    background-color: rgb(49, 31, 3);
    transition: .3s ease;
}

tr:nth-child(even) {
    background-color: rgb(54, 50, 44);
}

tr:nth-child(even):hover {
    background-color: rgb(49, 31, 3);;
}

table thead tr th:first-child {
    border-top-left-radius: 20px;
}

table thead tr th:last-child {
    border-top-right-radius: 20px;
}

table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}


table tbody tr td:first-child {
    color: rgba(0, 255, 128, 0.671);
}