#logo {
  width: 80%;
  height: auto;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 60px;
  width: 50%;
}

#question-type {
  margin-bottom: 30px;
}

#progress {
  width: 100%;
  height: 100px;
  position: relative;
  text-align: center;
  background-color: #000000;
  margin-top: 20px;
}

.progress-icon {
  width: 30px;
  height: 10px;
  display: inline-block;
  background-color: #b5b5b5;
}

.progress-seen {
  background-color: #ff4c98;
}

#image img {
  width: 100%;
  object-fit: contain;
}

body {
  background-color: black;
  color: #F5F5F5;
  font-family: reith;
  font-size: 32pt;
  margin: 25px;
}
  
@font-face {
  font-family: reith;
  src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff2);
}

.video {
  width: 100%;
  height: 95%;
  position: relative;
  background: black;
  display: inline-block;
  text-align: center;
}

#answer-form {
  text-align: center;
}

#question {
  width: 100%;
  height: 547px;
  position: relative;
  background: black;
  display: inline-block;
  text-align: center;
  border-style: solid;
}
#guess {
  position: relative;
  height: 200px;
}

#guess-label {
  position: absolute;
}

#synopsis-text {
  padding: 50px;
}

#guess-input {
  position: absolute;
  top: 70px;
  width: 100%;
  height: 80px;
  background-color: black;
  border-style: solid;
  color: white;
  font-size: 32pt;
}

#skip {
  position: absolute;
  display: flex;
  right: 10px;
}

#quote-text {
  font-style: italic;
  padding: 50px;
}

#question-type {
  text-align: center;
  height: 50px;
}

#end-message1 {
  text-align: center;
  font-size: 32pt;
  margin-bottom: 20px;
}

#end-message2 {
  text-align: center;
  font-size: 24pt;
  color: #b5b5b5;
  margin-bottom: 20px;
}

#onwards-icons {
  margin-bottom: 160px;
  margin-top: 100px;
  height: 80px;
  margin-left: 120px;
  margin-right: 120px;
  display: flex;
  justify-content: space-around;
}

#onwards-icons>* {
  text-align: center;
}
#onwards-icons img {
  height: 80px;
}

#skip-chevron {
  width: 40px;
  height: 40px;
  margin-top: 5px;
}

#onwards-share {
  display: inline
}

#onwards-watch {
  display: inline
}

#onwards-add {
  display: inline
}

#countdown {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

#next-beeble-in {
  color: #b5b5b5;
}

.hidden {
  display: none
}