JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal-login">
            <div class="modal-close"><a href="#">закрыть</a></div>
            <h2>Личный кабинет</h2>
            <p>Ведите пожалуйста свой логин и пароль</p>
            <form action="/echo">
                <input type="login" placeholder="Логин">
                <input type="password" placeholder="Пароль">
                <input type="checkbox">
                <a href="#">Я забыл пароль!</a>
            </form>
        </div>

CSS

.modal-login {
    background: #f8f5f2 url("../img/inner-bg.jpg");
    width: 300px;
    padding: 50px 80px;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -230px;
    margin-top: 50px;
    box-shadow: 0 30px 50px rgba(0,0,0,.7);
    color: #000;
}
.m{}

.modal-login input {
    padding: 15px 15px;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
    color: #f00;
    outline: none;
}