body {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  background-color: silver;
  font-family: Times;
  font-size: 16pt;
}

p,
dt,
dd,
li,
td,
th,
figcaption {
  font-size: 16pt;
  line-height: 22pt;
}

h1 {
  font-size: 32pt;
  line-height: 34pt;
  color: maroon;
}

h2 {
  font-size: 24pt;
  line-height: 30pt;
  color: teal;
}

h3 {
  font-size 20pt;
  line-height: 26pt;
  color: green;
}

body.darkbackround h1 {
  color: red;
}

body.darkbackround h2 {
  color: yellow;
}

body.darkbackround h3 {
  color: lime;
}

a {
  color: blue;
}

a:active {
  color: red;
}

a:visited {
  color: purple;
}

figcaption {
  font-style: italic;
}

body.resume {
  background-color: white;
}

body.resume address img {
  float: right;
  width: 8em;
}

body.tripreport h1 {
  color: navy;
}
body.tripreport h2 {
  color: green;
}

img, video {
  width: 100%;
}

p.intro {
  font-size: 18pt;
  line-height: 22pt;
}

video.backgroundvideo {
  position: fixed;
  bottom: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: -10;
}

dt {
  font-weight: bold;
}
dd {
  margin-bottom: 1em;
}

table {
  border-style: outset;
  border-width: thin;
  border-color: lightgray;
}

th, td {
  border-style: inset;
  padding: 2pt;
  border-width: thin;
  border-color: lightgray;
}

th {
  text-align: left;
}

.imagesection {
  display: flex;
  justify-content: space-between;
}

.imagesection figure {
  margin: 1em;
  flex: 1;
}

.imagesection figure:first-child, .imagesection figure.bigger:first-child {
  margin-left: 0;
}
.imagesection figure:last-child {
  margin-right: 0;
}

.imagesection figure.bigger {
  margin: 1em;
  flex: 1.5;
}

figcaption {
  font-size: 14pt;
}

a > img {
  border: 2pt solid blue;
  box-sizing: border-box;
}
a:visited > img {
  border-color: purple;
}
a:active > img {
  border-color: red;
}

body.darkbackround p, body.darkbackround li, body.darkbackround marquee {
  color: white;
}

body.darkbackround a {
  color: aqua;
}

body.darkbackround a:visited {
  color: fuchsia;
}