JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="frmLogin.txtLogin.focus();" style="background-image: none;">
    <div id="content">
        <form id="frmLogin" name="frmLogin" runat="server">
            <table align="center" border="0">
                <tr>
                    <td valign="top">
                        <img src="images/logo.png" border="0" height="284" width="250" />
                    </td>
                    <td align="center">
                        <table align="center">
                            <tr>
                                <td colspan="2" align="center">
                                    <br><font size="1" color="#FF0000"><strong><asp:label id="lblMsg" runat="server" /></strong></font>
                                </td>
                            </tr>
                        </table>
                        <table align="center">
                            <tr>
                                <td colspan="2">
                                    <div style="overflow: auto; width: 450px; height: 150px; border: solid 1px #66666; font-size: x-small;"> <b>Important Disclaimer: </b>

                                        <p>This computer is using anti-virus and anti-spyware software with the latest definitions and updates. The operating system and internet browser on this computer are protected with the latest security patches.</p>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2"> <font face="verdana" size="2"><asp:checkbox id="cbAgree" runat="server" Text="I have read and agree to the above disclaimer." /></font>

                                </td>
                            </tr>
                            <tr>
                                <td>	<font face="verdana" size="2"><strong>Login Name</strong></font>
                                </td>
                                <td>
                     ...

CSS

a {
        text-decoration:none;
        font-weight:bold;
        color: #191970;
    }
    pre {
        font-size:11px;
        color:blue;
    }
    .greek {
        color:#999;
    }
    ol {
        margin-right:40px;
    }
    li {
        margin-bottom:10px;
    }
    body {
        background-color: #e1ddd9;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
        color:#564b47;
        margin: 20px 200px 20px 200px;
    }
    #content {
        width: 100%;
        padding: 0px;
        text-align: left;
        background-color: #fff;
        overflow: auto;
    }
    h1 {
        font-size:25px;
        padding-top:10px;
    }
    .login-button {
        -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        box-shadow:inset 0px 1px 0px 0px #bee2f9;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
        background:-moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
        background-color:#63b8ee;
        -moz-border-radius:9px;
        -webkit-border-radius:9px;
        border-radius:9px;
        border:1px solid #191970;
        display:inline-block;
        color:#14396a;
        font-family:arial;
        font-size:20px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:1px 1px 0px #7cacde;
    }
    .login-button:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
        background:-moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
        background-color:#468ccf;
    }
    .login-button:active {
       ...