body {
  font-family:'Times New Roman',Georgia,serif;
  font-size:1rem;
  background:white;
  color:#2d2d30;
  margin:0;
  padding:0;
}
header {
  text-align:center;
  margin:0;
  padding:2rem 1rem 1rem 1rem;
}
header img {
  vertical-align:top;
  width:20rem;
  max-width:calc(100% - .5rem);
  height:auto;
  border:.25rem solid white;
  border-radius:10.25rem;
  box-shadow:0 0 1rem -.25rem gray;
  margin:0 0 1rem 0;
  padding:0;
}
header h1 {
  font-size:2rem;
  margin:0;
  padding:0;
}
main {
  max-width:18.375rem;
  border:.0625rem solid lightgray;
  border-radius:.5rem;
  box-shadow:0 0 1rem -.5rem gray;
  margin:0 auto 0 auto;
  padding:1rem 1rem 0 1rem;
}
main h2 {
  font-size:1.5rem;
  margin:0 0 1rem 0;
  padding:0;
}
main ul {
  list-style-type:none;
  margin:0 0 1rem 0;
  padding:0;
}
main ul li {
  margin:0 0 .5rem 0;
  padding:0;
}
main ul li a {
  text-decoration:underline dotted steelblue .0625rem;
  color:steelblue;
  margin:0;
  padding:0;
}
main ul li a:hover,
main ul li a:active {
  text-decoration:none;
}
@media (max-width: 22.375rem) {
  main {
    max-width: calc(100% - 2rem);
    margin:0 1rem 0 1rem;
  }
}
@media (prefers-color-scheme:dark) {
  body {
    background:#2d2d30;
    color:white;
  }
  header img {
    border:.25rem solid dimgray;
    box-shadow:0 0 1rem black;
  }
  main {
    border:.0625rem solid dimgray;
    box-shadow:0 0 1rem -.25rem black;
  }
  main ul li a {
    text-decoration:underline dotted lightsteelblue .0625rem;
    color:lightsteelblue;
  }
}