body {
  font-family: system-ui;
  font-size: 20px;
  text-rendering: optimizeLegibility;
  background-color: rgb(240, 248, 255, 0.3);
  margin: auto;
  width: 75%;
  text-align: justify;
}
header {
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: row wrap;
  border-bottom: 2px solid CornflowerBlue;
  margin-left: 0px;
}
a:link {
  color: SteelBlue;
}
a:visited {
  color: Indigo;
}
header h1 {
  font-size: 40px;
  white-space: nowrap;
  display: inline;
  margin-right: 50px;
}
nav {
    margin-top: 0.75rem;
    height: 45px;
    align-items: end;
}
a.nav-item {
    font-variant: small-caps;
    flex: 2;
    text-align: center;
    color: MidnightBlue;
    margin: 17px 8px 0 0;
    padding: 0;
    font-weight: 500;
    text-decoration: none
}
a.nav-item:hover,
a.nav-item:focus {
    text-decoration: underline;
}
h1 {
  font-size: 30pt;
  color: MidnightBlue;
}
h2 {
  color: DarkBlue;
  border-bottom: 1px solid Navy;
}
h3 {
  color: DodgerBlue;
}
ul {
  list-style: square;
  line-height: 150%;
}
.basic_info {
  display: flex;
  align-items: center;
  margin: 20px;
  margin-left: 0px
}
.basic_info img {
  /* Image size changes relative to basic_info */
  width: 250px;
  display: block;
}
.basic_info p {
  margin-left: 50px;
  text-align: left;
  justify-content: center;
  font-size: 20px;
}
.page_content {
  margin-left: 20px;
  width: 98%;
  margin-bottom: 2%;
}
footer {
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 2px solid CornflowerBlue;
  text-align: center;
  padding: 1px;
  font-size: 15px;
}
.indented {
    margin-left: 1.5em;
}
.pub_list {
  margin-left: 1em;
}
.title {
    margin-bottom: 0px;
}
.description {
    color: DarkSlateGray;
    margin-bottom: 1.5em;
}