video,
iframe {
  position: fixed;
  top: 80px;
  right: 30px;
  width: calc((100% - 800px) / 2);
  min-width: 200px;
  box-shadow: 0px 0px 5px black;
  background: hsl(0, 0, 15);
  max-height: 45vh;
}

.progressor-progress {
  height: 100%;
  background: #777;
}

.timestamp {
  display: none;
}

#textbox {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  resize: none;
  font-size: 15px;
  line-height: 20px;
  font-family: Arial;
  padding: 5px;
  margin: 5px auto;
  width: 50%;
  display: block;
  border: none;
  padding: 50px 25% 5px 25%;
  outline: none;
  background: white;
  box-shadow: 0px 0px 10px #ccc;
  width: 600px;
  padding: 50px;
  min-height: 700px;
  overflow-y: hidden;
  color: #262626;
}
#textbox b,
#textbox strong {
  font-weight: bold;
}
#textbox i,
#textbox em {
  font-style: italic;
}
#textbox .timestamp {
  color: #3482b1;
  border-radius: 5px;
  border-left: 2px solid #3482b1;
  border-right: 2px solid #3482b1;
  padding: 0 3px;
  margin: 0 3px;
  display: inline;
}
#textbox .timestamp:hover {
  background: #ebf4f9;
  cursor: pointer;
}
#textbox .timestamp:active {
  background: #c3deee;
}