JSFiddle - React, Tailwind, and code Playground

HTML

<div class="auth_out">
    <div class="layout_center">
        <div class="auth_header">
            <h1>Авторизация</h1>
        </div>
        <div class="auth_in group">
            <div class="auth_col_l">
                <div class="auth_block">
                    <div class="form_wr">
                        <form action="/">
                            <input type="email" value="info@muzon-auto.ru">
                            <input type="password">
                            <div class="auth_links group">	<a href="#" class="inveted reg">Регистрация</a>
<a href="#" class="inveted forget" Забыли пароль?</a>

                            </div>
                            <button type="submit">Авторизация</button>
                        </form>
                    </div>
                </div>
                <!--$auth_block-->
            </div>
            <!--$col_l-->
            <div class="auth_col_r">
                <div class="auth_block social_block">
                    	<h2>Авторизация с помощью соц сетей</h2>

                    <div class="social">	<a href="#" class="social_icon tw"></a>
	<a href="#" class="social_icon fb"></a>
	<a href="#" class="social_icon vk"></a>

                    </div>
                </div>
            </div>
            <!--$col_r-->
        </div>
        <!--$auth_in-->
    </div>
    <!--$layout_center-->
</div>
<!--$auth_out-->

CSS

/* AUTH Styles
=========================================================================*/
.auth_out {
  background-color: #f0f2f6;
  padding-top: 20px;
  padding-bottom: 50px;
}

.auth_header {
  text-align: center;
}
.auth_header h1 {
  font-size: 30px;
  margin-bottom: 20px;
}

.auth_in {
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(111, 125, 154, 0.4);
}
.auth_in > div {
  min-height: 500px;
}

.auth_col_l {
  float: left;
  width: 480px;
  background-color: #369;
  border-radius: 3px 0px 0px 3px;
  padding-top: 152px;
}

.auth_block {
  outline: 1px solid red;
}
.auth_block .form_wr input {
  display: block;
  width: 250px;
  box-shadow: 0 2px 5px #284F76;
  width: 250px;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  padding-left: 45px;
}
.auth_block .form_wr input[type=email] {
  background-image: url("../img/icon-at.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.auth_block .form_wr input[type=password] {
  background-image: url("../img/icon_key.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.auth_links a {
  color: #fff;
}
.auth_links .reg {
  float: left;
}
.auth_links .forget {
  float: right;
}

.auth_col_r {
  width: 480px;
  float: right;
  border-radius: 0px 3px 3px 0px;
}