JSFiddle - React, Tailwind, and code Playground

by exe1

HTML

<div id="main">
    		<div id="confirmpass">
    		    <div class="loginpassmain"><div class="loginpass">введите пароль на 18+ канал</div><input type="password" id="loginpass" /></div>
    		</div>

</div>

CSS

#main,#confirmpass
{
    position:fixed;
    width:960px;
    height:540px;
    background:rgba(0,0,0,0.5);
}

.loginpassmain{
	text-align:center;
    position:absolute;
    top:120px;
    left:120px;
    width:400px;
    height:220px;
    #background-color: #4B4B61;
    background: rgb(117, 117, 117);
}

#loginpass{
    position:relative;
    z-index:15000;
    top:80px;

    width:150px;
    height: 25px;
    font-size:1.5em;
    #background-image: url("../img/bg3.png");
    #background-color:red;
}

.loginpass{
    position:relative;
    #z-index:15001;
    top:50px;
    #left:380px;
    #width:150px;
    #height: 25px;
    font-size:1.5em;
    color:white;
}