body.text-center {
  background-image: url("/images/blueskies.jpg");
}

.logo {
  float: left;
}

.logo img {
  width: 50%;
  background: rgba(127, 127, 127, 0.4);
  border-radius: .7em;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 0;
  padding: .1em;
}

.page-title {
  margin-top: 0;
  color: whitesmoke;
}

table {
  float: left;
  text-align: left;
  border-collapse: collapse;
	/** --color: #d0d0f5;**/
	--color: lightgrey;
}

thead {
  border-block-end: 2px solid;
  background: var(--color);
}

tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--color), transparent 30%);
}

tbody tr:nth-child(odd) {
  background: color-mix(in srgb, whitesmoke, transparent 50%);
}

tr {
  border-bottom: 1px solid grey;
  background: whitesmoke;
}

th, td {
  border: 1px solid;
  padding: 1em 1em;
}