JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainDiv" align="right">
    <h1 align="left">Firebase Web App</h1>
    <textarea placeholder="Enter text here ..."></textarea>
  </div>

CSS

.mainDiv {
  background: #fff;
  padding: 20px;
  width: 450px;
  /*margin: 0px auto;
  margin-top: 200px;*/
  box-shadow: 0 0 20px #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}