JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Titel</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>

<table class="sortierbar" id="table_wpn_list">
    <thead>
        <tr>
            <th class="sortierbar"  id="th_wpn_list" width="12%">Weapon</th>
            <th class="sortierbar+" id="th_wpn_list" width="4%">Class</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Time</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Kills</th>
            <th class="sortierbar-" id="th_wpn_list" width="4%">HS</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Shots</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Hits</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">KHSr %</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">KpM</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">exp.KpM</th>
            <th class="sortiere-"   id="th_wpn_list" width="10%">KpM/exp.KpM %</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Acc %</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Kill/Hit %</th>
            <th class="sortierbar-" id="th_wpn_list" width="7%">Kill/Shot %</th>
        </tr>
    </thead>
    <tbody>
        <tr  class="visible" bgcolor="#210606" onmouseover="this.bgColor='#424242'" onmouseout="this.bgColor='#210606'">
            <td class="td_wpn_list" style="font-size:12px;text-align: left;" title="column: Weapon">
                M240B
            </td>
            <td class="td_wpn_list" title="column: Class">
                norm
            </td>
            <td class="td_wpn_list" title="column: Time">
                00:28:10
           ...

CSS

body{
        font-family:Arial,Helvetica,sans-serif;
        font-size:15px;
        background:#000000;
        color:#C0C0C0;
    }
    a:link {text-decoration: none; color:#C0C0C0; font-size:15px; text-shadow: 0px 0px 10px #FFFFFF;}
    a:visited {text-decoration: none; color:#C0C0C0; font-size:15px; text-shadow: 0px 0px 10px #FFFFFF;}
    a:active {text-decoration: none; color:#C0C0C0; font-size:15px; text-shadow: 0px 0px 10px #FFFFFF;}
    a:hover {text-decoration: none; color:#980000; font-size:15px; text-shadow: 0px 0px 10px #FFFFFF;}

    img{
        border:none;
    }
    h1{
        color:#C0C0C0;font-size:19px;text-align:right;padding-left:9px;padding-right:9px;padding-top:0px;padding-bottom:0px;text-shadow:0px 0px 10px #FFFFFF;
    }
    h2{
        color:#C0C0C0;font-size:17px;text-align:right;padding-left:9px;padding-right:9px;padding-top:0px;padding-bottom:0px;text-shadow:0px 0px 10px #FFFFFF;
    }
    h3{
        color:#C0C0C0;font-size:15px;text-align:left;padding-left:9px;padding-right:9px;padding-top:0px;padding-bottom:0px;text-shadow:0px 0px 10px #FFFFFF;
    }
    .h3{
        color:#C0C0C0;font-size:15px;text-align:left;padding-left:9px;padding-right:9px;padding-top:0px;padding-bottom:0px;text-shadow:0px 0px 10px #FFFFFF;
    }
    hr{
        border: 0;
        display:block;
        height:5px;
        margin-top:3px;
        margin-bottom:3px;
        margin-left:0px;
        margin-right:0px;
        border-radius:3px;box-shadow:1px 1px 5px #4D4D4D inset;
    }

    .submit_button{
        width:155px;
        height:25px;
        background:#000000;color:#C0C0C0;
        border:none; border-radius: 4px; box-shadow: 1px 3px 5px #4D4D4D inset; font-size:15px; text-shadow: 0px 0px 10px #FFFFFF;
    }
    .submit_button:hover{
        background:#040404;color:#980000;
    }
    .submit_button:active{
        background:#0B0B0B;color:#980000;
        box-shadow: 1px 3px 5px #4D4D4D inset;
    }
    .small_submit_button{
       ...