JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<body>

<div class="form">
  <div class="form_in">
  
  </div>
</div>

</body>

CSS

html,
body {
  height: 100%;
}
.form {
  position: relative;
  background-color: black;
  opacity: 0.8;
  width: 40%;
  overflow: hidden;
 /* height: 400px;*/
 height: 40%;
}

.form_in {
  position: relative;
  background-color: white;
  opacity: 0.6;
  width: 40%;
  height: 40%;
  margin-top: 20%;
  left: 45%;
}