<style>
body {
font-family: sans-serif;
}

h1 {text-align:center;}

#container {display:block;
width:640px; /* same width as the video that's inside it */
position: relative;
margin: auto;
}

#caption {
position: absolute;
width: 100%;
bottom: 0;
bottom:32px; /* space for the video controls */
left: 0;
text-align: center;
font-family: sans-serif;
font-size: 22px;
font-weight: bold;
font-style: italic;
color: red;
text-shadow: yellow 1px 1px 1px;
padding-bottom: .5em;
}

#langlist {
float: left;
}

#langlist legend {
font-weight: bold;
}

#transcripts span {display:table-row;}
/* show the timings in square brackets before each "subtitle" in the transcript. */
#transcripts [data-begin]:before
{content: " [" attr(data-begin) "s-" attr(data-end)"s] "; font-size:80%; display:table-cell; padding-right:1em;}
</style>