html, body {height: 100%;}

html { overflow-y: auto; }

body{
  margin: 0;
  height: 100dvh;
  overflow-x: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-family: 'Courier New', Courier, monospace;
}

body.admin {
  display: block;
  min-height: auto;
  margin: 0;
  padding: 24px;
}

h1 {
  font-size: 22px;
}

button{
  font-family: 'Courier New', Courier, monospace;
}

table.responses { table-layout: fixed; width: 100%}
th, td { word-break: break-word; overflow-wrap: anywhere; text-align: left; vertical-align: top; height: 20px; font-size: 16px;}
pre { white-space:pre-wrap; word-break: break-word; overflow-wrap: anywhere; margin: 0;}