JSFiddle - React, Tailwind, and code Playground

by SemNomeTol

HTML

<!doctype html>
<body>
<div>
<form name="oopppssss" action="ler.php" method="post">
<span>insira xxxxxxxxxxxxxxxxxxx:</span> <input type="text" name="secret"><br>
<span>Insira yyyyyyyyyyyyyyyyyyyyyyy: </span><input type="text" name="n_cart"><br>
<span>Insira o ID de wwwwwww: </span><input type="text" name="id_sort"><br>
<input type="submit" value="Enviar">
</form>
</div>
</body>
</html>

CSS

body {
margin:0;
padding:0;
background:#1C86EE;
}


div {
margin:0;
padding:0;
position:absolute;
width:100%;
height:100%;
}

form {
opacity:0.8;
font-family: "Courier New", Courier, monospace;
font-size:110%;
position: relative;
text-align: center;
height:24%;
width:48%;
left:26%;
top:38%;
line-height:185%;
background-color: #B0C4DE;
box-shadow:0px 0px 5px 5px black;
}

span{
position: relative;
display: inline-block;
vertical-align: middle;
line-height:normal;
}