body {
    font-family: Georgia, serif;
    display: flex;
    min-height: 80vh; /* Changed from height: 100vh */
    margin: 0;
    padding: 2rem 1.5rem; /* Prevents text from hitting screen edges */
    position:relative;
}
main {
    margin: auto;
    max-width: min(70vw, 580px) ; /* Prevents lines from stretching too wide on desktop */
    font-size: 1.2rem;
}
dt {
    margin: 2em 0 0.5em 0;
    font-weight: bold;
    font-style: italic;
}
dd {
    line-height:1.8rem;
}
.xl {
    font-size: 2em;
}
.sigil {
    font-size:2rem;
}
.biopic {
	float:right;
	max-width:144px;
}
.by {
	text-align:right;
}
ul {
    padding: 0;
}
h3 {
    position: absolute;
    margin: 0.1rem 0.25rem;
}
li.xs {
    font-size:0.7em;
    padding: 0.4rem 0 0 0;
}
li {
	margin: 0.25rem 0;
}