body {
background-color:black;
color:lightgreen;
font-family:monospace;
}
main {
width:95vw;
max-width:960px;
margin:auto;
display:grid;
grid-template-areas: 'h h'
'i i'
'l r';
}
h1 {
grid-area: h;
text-align:center;
}
input {
grid-area: i;
background-color:#232323;
color:lightgreen;
border:solid 1px black;
padding:0.5em;
font-family:monospace;
}
section {
display:flex;
flex-direction:column;
}
section:nth-child(3) {
grid-area: l;
}
section:nth-child(4){
grid-area: r;
}
textarea {
height:50vh;
background-color:#232323;
color:lightgreen;
border:solid 1px black;
padding:0.5em;
resize:none;
}
button {
background-color:#232323;
color:lightgreen;
border:solid 1px black;
padding:1em;
font-family:monospace;
cursor:pointer;
}