JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<body style="background:#000000"> 
<img src="logo.jpg" width="300px" height="100px" class="imgcenter">
<body>

<section id="formulario">


<form action="">

<input type="text" id="nombre" name="nombre" placeholder="Usuario">
<input type="password" id="pass" name="pass" placeholder="Password">
<input type="button" value="INGRESAR" onclick="window.location = 'opcion1.html';">

CSS

form {

background:#2b2b2a;
background-position:center;

width:29%;
border:1px solid #ccc;
margin:50px;
padding:50px;
border:50px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
box-shadow:inset 0 0 10px #ACD502; 
margin:100px auto;


}
input[type="text"], input[type="password"]{
width: 90%;
height: 20px;
margin:auto;
margin-top:2px;
padding-left: 10px;
font-family: cursive;
outline: 100px;
border:550px;
background-color: #dcdcdc;
-moz-border-radius:30px;

}

input[type="button"]{
margin-top:10px;
    margin-left:5px;
width:90%;
height: 40px;
outline: none;
border:0px;
background-color: #75b6dc;
color:white;
font-size:1.2em;
border-radius: 5px;
-webkit-box-shadow:0px 5px 0px #659dbf;
}

IMG.imgcenter{
display: block;
margin-left: auto;
margin-right: auto;
border:solid #ACD502;
position: relative;
top:100px; left:15opx;

}