*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:#fff;padding:20px;font-family:monospace;line-height:1.6}h1{text-transform:uppercase;border-bottom:4px solid #000;margin-bottom:20px;padding-bottom:10px;font-size:32px}input{background:#fff;border:2px solid #000;width:100%;max-width:400px;margin:8px 0 16px;padding:8px;display:block}input:focus{color:#fff;background:#000;outline:none}label{text-transform:uppercase;font-weight:700}button{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:2px solid #000;margin:8px 8px 8px 0;padding:8px 16px}button:hover{color:#000;background:#fff}div{margin:16px 0}pre{color:#fff;background:#000;border:2px solid #000;margin:16px 0;padding:16px;font-family:monospace;overflow-x:auto}