body {
  color: black;
  font-family:verdana;
}

h1 {
  display: block;
  font-size: 2em;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

h2 {
  display: block;
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
}

img.mugshot {
  float: right;
  height: 40%;
  width: 40%;
}

.panorama {
  padding-top: 3em;
}

.pudding {
  padding-left: 12%;
  padding-right: 12%;
}

input {
  border-radius: 5px;
  margin: 0.3rem;
  min-width: 125px;
  width: 60%;
}

/* input:invalid {
  border: 2px solid green;
} */

input:required {
  border: 2px dashed red;
}

input:valid {
  border: 2px solid gray
}

input[type=submit] {
  font-size: 1.3rem;
  width: 15%;
}

label {
  display: inline-block;
  width: 5rem;
  text-align: right;
  vertical-align: top;
}

textarea {
  margin: 0.3rem;
  min-width: 125px;
  border-radius: 5px;
  width: 60%;
}

textarea:required {
  border: 2px dashed red;
}

textarea:valid {
  border: 2px solid gray;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}