JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<h1>

</h1>
<div id="body"><p>
Good day sir
</p></div>
<div id="line">
yes sir here your apps
<button id="lop1">
new text
</button>
<input text id="adj1">
SANS SAYS game write code is press blue green red Button
do not look this 
<div id="an"></div>
<button id="we">
blue
</button>
<button id="green">
green
</button>
<button id="replaceButton">
computer sittings
</button>
<div id="story"></div>

</div>

CSS

body {
    font-family:;
}
p {
    font-size:3em;
    color: rgb(255,255,255);
}

#body {
     position: absolute;
     left: 15%;
     top: 0%;
     width: 85%;
     height: 100%;
     background-color:  #000000;
}
#line {
      position: absolute;
      left: 15%;
      top: 50%;
      width: 85%;
      height: 10%;
      background-color:  #adadad;
      text-align:center;
}
#Fan {
     position: absolute;
     left: 50%;
     top: 100%;
     border-radius: 200px;
     width: 50%;
     height: 350%;
     background-color:  #FF2000;
     padding-top:30px;
     text-align:center;
}
#story {
    margin-top: 12px;
    width: 10%;
    border: 1px dash blue;
    padding: 8px;
    float right;
}