JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div>
  <h1>Hello</h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo obcaecati harum, enim quaerat praesentium quibusdam esse possimus non, ea aut consequuntur atque nam laboriosam, dicta culpa, laborum repudiandae porro error.
  </p>
</div>
<div style="width: 200px;
height: 200px; position: fixed; background: rgba(128, 128, 128,0.05);">
  
</div>

CSS

body {
 
}
div {
   /* background:rgba(128, 128, 128,0.05); */
   background: rgba(0,0,0,0.03);
  height: 100vh;
  width: 100%;
}
* {
  font-family: sans-serif;
}
h1 {
  color : #000033;
  font-size: 40px;
  margin: 50px;
  margin-top: 0;
  padding-top: 100px;
}
p {
  margin: 50px;
  color: #1d2129;
  font-size: 18px;
}