JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<div id="frame"></div>
<div id="screen"><p>
good morning
___________
what is the password__________
new text____________
what is 4+4=_
game day is satdrday
sir you so cool
find a 8
9999999999999999999999
9999999998999999999999
9999999999999999999999
</p></div>
<button id="wereliop">
g
</button>
<button id="^****^">
y
</button>
<button id="topy">
D
</button>
<input text id="h1">

CSS

body {
     font-family: "Computer Input";
}
p {
    font-size:1em;
    color: green;
}
#frame {
     position: absolute;
     left: 40%;
     top: 2%;
     width: 50%;
     height: 50%;
     background-color:   #adadad;
}
#screen {
     position: absolute;
     left: 45%;
     top: 9%;
     width: 40%;
     height: 25%;
     background-color:  #100000;
}
body {
     position: absolute;
     left: 0%;
     top: 0%;
     background-color:  #000000;
     width: 15%;
     height: 15%;
}