@media (max-width: 767px) {
  :root {
    --form-font: min(6vw, 9mm);
    --table-font: 4vw;
  }
}
@media (min-width: 768px) {
  :root {--table-font: 12pt;}
}

body {
  font-family: Arial, sans-serif;
  margin: 20px;
  font-size: var(--form-font);
}
input, button {font-size: var(--form-font)}
input:not(type=image) {border-style: inset;}

h1 {
  text-align: center;
}

.form-group {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  margin-bottom: 10px;
  font-size: var(--form-font);
}

label {
  font-weight: bold;
  width: 10ch;
}

input {  padding: 5px;}

.btop {border-top: solid #808080 1px}
table {border: solid 1px gray; border-collapse: collapse;}
td {padding: 2px;}