@keyframes fade { from { transform: translateY(.3rem); opacity: 0 } }


html {
display: flex;
text-align: center;
justify-content: center;
font-size: min(10vw, 50px)}


body {
width: 10rem;
font-size: 0;
color: white;
background: black;
box-sizing: border-box;
padding: .75rem 0 1.5rem}


h1 {
margin: 0;
font-size: 1rem;
font-weight: bold;
font-family: 'Times New Roman', sans-serif}


input {
width: 4rem;
border: none;
text-align: center;
padding: .3rem .4rem;
border-radius: .8rem;
box-sizing: border-box}


p {
font-size: .35rem;
animation: fade 2s;
white-space: pre-wrap;
margin: 1.2rem 0 1rem;
font-family: monospace;
overflow-wrap: break-word}