body { font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em; margin: .5em; color: DimGrey; }
h1 { font-size: 1em; color: black; margin: 0;}
h2 { font-size: 1em; color: black; margin: 0 0 0 1em;}
a { font-weight: bold; text-decoration: none; color: DarkCyan; }
/* #outer { text-align: center; max-width: 900px; margin: 0 auto; }
#inner { display: inline-block; text-align: left; }
#topstuff { overflow: auto; margin-bottom: .5em;} */
table { border-collapse: collapse; width: 100%; font-size: medium; }
table th { background: black; color: white; padding: 10px;}
table td { padding: 10px; border-bottom: solid black 1px;  }
img.me { margin-right: .5em; max-width: 50%; height: auto;}
ul { margin: 0; }
.bold { font-weight: bold; color: black; }
.part { margin-bottom: 1em; }
.outer { display: flex; flex: 1 2; flex-direction: row; }
.image { flex-basis: 33%; text-align:right; }