html { }
body { background-color: rgba(255, 255, 255, 0.9); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed }
.main-wrapper { flex-grow: 0; background-color: rgba(255, 255, 255, 0) }
.main-content { max-width: 1400px; background-color: rgba(183, 183, 183, 0) }
.header-content { max-width: 1400px; background-color: rgba(183, 183, 183, 0); color: rgba(0, 0, 0, 0.67) }
.header-wrapper { background-color: rgba(255, 255, 255, 0) }
.footer-content { max-width: 1400px; background-color: rgba(183, 183, 183, 0); color: rgba(0, 0, 0, 0.67) }
.footer-wrapper { background-color: rgba(255, 255, 255, 0) }
#metadata { color: rgba(0, 0, 0, 0.76) }
.vjs-control-bar { color: rgba(255, 255, 255, 1) }
.video-js .vjs-control-bar,.vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: rgba(43, 51, 63, 0.7) }
.video-js .vjs-play-progress { background-color: rgba(61, 28, 83, 1) }
.video-js .vjs-play-progress::before { color: rgba(242, 148, 0, 1) }
.chat { max-height: 800px }
.chapter-list .selected>.chapter-row { background-color: rgb(61, 28, 83) }
.chapter-list .selected>.chapter-row,.selected>.chapter-row>.chapter-icons>.chapter-icon { color: rgb(255, 255, 255) }
.chapter-list .odd { background-color: rgb(84, 84, 84) }
.chapter-list .odd,.chapter-list .odd .chapter-icon { color: rgb(255, 255, 255) }
.chapter-list .even { background-color: rgb(217, 217, 217) }
.chapter-list .even,.chapter-list .even .chapter-icon { color: rgb(97, 97, 97) }
.chapter-list { background-color: rgba(255, 255, 255, 0) }
#coverpage-wrapper { background-repeat: no-repeat; background-position: top left; background-size: cover; background-attachment: fixed }
#coverpage-icon { color: rgb(242, 148, 0) }