JSFiddle - React, Tailwind, and code Playground

HTML

<section class="avtorization">
    <h2 class="in">Вход на сайт</h2>
    <form action="in" id="form_in">
        <label for="l" class="lab">логин</label>
        <input name="l" type="text" class="log">
        <label for="p" class="lab">пароль</label>
        <input name="p" type="password" class="pas">
        <a href="" class="reg">регистрация</a>
    </form>
</section>

CSS

.avtorization{
    display:block;
    width:170px;
    height:110px;
    margin: 110px auto;
    text-align: right;
    outline: thin solid white;
}

.in{
    color: #aeaeae;
    font: 0.938em/0.875em Arial, Helvetica, sans-serif;
    letter-spacing: 5px;
    text-align: center;
}

.log{
    width:99px;
    height:19px;
    color: #aeaeae;
    background: url("../images/bg_input.png");
    padding: 0px 4px 0px 4px;
    border: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
}

.pas{
    width:99px;
    height:19px;
    color: #aeaeae;
    background: url("../images/bg_input.png");
    padding: 0px 4px 0px 4px;
    border: 0px;
    font-size: 10px;
}
body{
    background: black;
}
.lab{
    color: #aeaeae;
    margin: 5px;
    font: 10px Arial, Helvetica, sans-serif;
}

.reg{
    color: #aeaeae;
    text-align: right;
    margin: 5px;
    font: 10px Arial, Helvetica, sans-serif;
    position: relative;
}