body {
  background-color: #ffdfb0;
  line-height: 1.3;
  color: #000000;
  font-family: Verdana, sans-serif;
  max-width: 40em;
  margin: auto;
}

.todo { opacity: 0.5; text-decoration: underline dotted; }
a.back { position: absolute; top: 10px; left: 10px; }
a[href], a[href]:visited { color: #009977; }
li.rec { font-weight: bold; }
h1, h2, h3 { font-family: serif; color: #000000; }
h1 { font-style: italic; }
body.lyrics { max-width: 100%; margin-bottom: 2em; }
body.lyrics h1 { text-align: center; }
body.lyrics h1+p { text-align: center; font-style: italic; margin: -1em 0 2em; }
body.lyrics main { display: flex; justify-content: center; white-space: pre; }
body.lyrics main>div { width: 50%; text-align: right; margin: 0 1em 0 0; }
body.lyrics main>div+div { width: 50%; text-align: left; margin: 0 0 0 1em; }
body.lyrics div[lang=en] { color: #902353; }