html {padding:15px;}
body {max-width:600px; margin:auto;}
img.avatar {width:200px; height:200px; margin:0 auto; border-radius:100px;}
h1 {text-align:center;}
audio {width:100%;}
ul.linkslist {padding-left:0; text-align:center;}
ul.linkslist li {list-style:none; display:inline-block; padding:0 1.5ch;}
span.article-link a {word-break:break-all;}
div.synopsis p:not(:first-of-type) {display:none;}

/* Colours */
body {background:#111; color:#ddd;}
p.date {color:#bbb;}
a {color:#e1b61d; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 {color:#e1b61d;}
h2:first-child {margin-top:0;}
article {background:#222; padding:20px; margin:20px 0;}
article audio {border-radius:100px; border:2px solid #888;}

/* Fonts */
@font-face {font-family:"titlefont"; src:url("bonanova.ttf") format("truetype");}
@font-face {font-family:"bodyfont"; src:url("notoserif.ttf") format("truetype");}
h1,h2,h3,h4,h5,h6 {font-family:"titlefont";}
body {font-family:"bodyfont", serif;}