* {
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
}
body {
block-size: 100vb;
display: grid;
grid-template-rows: 1fr min-content;
}
textarea {
border: 0;
margin: 0;
resize: none;
padding: 0.5em;
font-size: 120%;
line-height: 1.5;
background-color: transparent;
outline: none;
}
footer {
padding: 0.5em;
border-block-start: 1px solid black;
text-align: center;
}
footer,
textarea[readonly] {
background-color: rgba(128,128,128,0.1);
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
}
}