main {width: 95%; max-width: 600px; margin: auto; font-family: sans-serif;}

.info {background: #ccf; border: 2px solid blue;  border-radius: 1em; padding: .5em; margin: .5em 0;}
.warn {background: #fcc; border: 2px solid red;   border-radius: 1em; padding: .5em; margin: .5em 0;}
.good {background: #cfc; border: 2px solid green; border-radius: 1em; padding: .5em; margin: .5em 0;}

input[type="text"], input[type="tel"], input[type="date"], input[type="password"] {
  width: calc(100% - 1em - 2px);
  padding: .4em;
}

input[type="submit"] {
  display: block;
  padding: .6em .8em;
}

label {
  display: block;
  margin: .5em 0;
}

summary {
	border-top: 1px solid gray;
	margin-top: 1em;
	padding-top: 1em;
}