:root {
    /*Backgrounds*/
    --backgroundblack: rgba(0, 0, 0, 0.952);
    --backgroundblack2: rgba(255, 250, 250, 0.041); 
    --backgroundtransblack: rgba(0, 0, 0, 0.384);
    --backgroundtranswhite: rgba(255, 255, 255, 0.384);
    /*Hover Effects*/
    --HoverGray: rgba(0, 0, 0, 0.123);
    --HoverGray2: rgba(0, 0, 0, 0.664);
    /*Secondary Color*/
    --Gray: rgb(65, 65, 65);
    --White: rgba(255,255,255);
}


.table {
    display: flex;
    justify-content: center;
    margin: 10px;
}
table {
    background-color: var(--White);
    width: 80%;
    border-collapse: collapse;
    
}

table td, table th {
    padding: 10px;
    text-align: center;
    
}

table td {
    border-bottom: 1px solid #ddd;
}

table th {
    background-color: var(--Gray);
    color: var(--White);
}