@font-face {
    font-family: 'BagnardSans';
    src: url('../font/BagnardSans.otf');
}
@font-face {
    font-family: 'Heebo';
    src: url('../font/heebo.woff2') format('woff2');
}

body {
    background-color: #fffff8;
    color: #111;
}

a {
    color: #333;
}

.chapter {
    font-family: "BagnardSans";
    font-size: 28px;
}
.chaptertitle {
    font-family: "BagnardSans";
    font-size: 36px;
}

#chapter-header {
    margin-top: 10%;
}

h2 {
    font-family: "BagnardSans";
    font-size: 24px;
}

h3 {
    font-family: "BagnardSans";
    font-size: 20px;
    font-style: italic;
}

.quote {
    padding: 20px;
}
.quote .text {
    font-style: italic;
}
.quote .cite {
    font-size: 16px;
    text-align: right;
}

.topbar {
    color: #fffff8;
    background-color: #262626;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 56px;
    vertical-align: middle;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.speaker {
    /* position: relative;
    left: -100px; */
}

#videocontainer {
    height: 100%;
}

#video {
    background-color: black;
    width:100%;
    height: 800px;
}

#server {
    all: initial;
    * {
      all: unset;
    }
  }