JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<div id="frame"></div>
<div id="screen"><p>
good morning
___________
</p></div>
<button id="wereliop">
g
</button>
<button id="^****^">
y
</button>
<button id="topy">
D
</button>
<input text id="adj1">

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;
}