JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
    <title>Blacklist</title>         
</html>
<body>
    <div id="box">
        <table>
            <tr>
                <th>Spieler</th>
                <th>Grund</th>
                <th>Kaution</th>
            </tr>
            <tr>
                <td>Markus</td>
                <td>Multiaccount</td>
                <td>Whatever ..</td>
            </tr>
            <tr>
                <td>Lukas</td>
                <td>Multiaccount (x2)</td>
                <td>Whatever ..</td>
            </tr>
            <tr>
                <td>Kilian</td>
                <td>Schlechtes Verhalten (Mehrmalige Verwarnung)</td>
                <td>Whatever ..</td>
            </tr>
        </table>
    </div>        
</body>

CSS

body {
    background-color: #AEAFAF;   
}

#box {
    margin: 30px auto;
    background-color: black;
    width: 500px;
    padding: 15px 20px 20px 15px;
    font: 12px Trebuchet MS;  
}

#box th {
    width: 500px;
    font-weight: bold;
}

#box th:nth-child(odd) {
    color: #464AFA;
}

#box th:nth-child(even) {
    color: #68B424;
}

#box tr {
    color: #FFFFFF;
    height: 50px;
}