body {
  height: 100vh;
  margin: 0;
  overflow: hidden;
  background: #111;
}

body iframe {
  position: absolute;
  width: 62px;
  left: 0;
  bottom: 0;
}

#reAnimate {
  font: normal 13px/1.4 helvetica, arial, sans-serif;
  position: absolute;
  width: 115px;
  height: 56px;
  bottom: 0;
  left: 60px;
  border: 0;
  color: rgb(94, 121, 133);
  background: rgba(0, 0, 0, .8);
  margin: 3px 1px;
  user-select: none;
}

#reAnimate:hover {
  cursor: pointer;
}

p {
    padding: 0;
    margin: 0;
}

a {
    color: lightskyblue;
}

.overlay-box {
    position: absolute;
    top: var(--top);
    left: var(--left);
    bottom: var(--bottom);
    right: var(--right);
    padding: 1.25em 1.5em;
    font: normal 13px/1.4 helvetica, arial, sans-serif;
    background: rgba(0, 0, 0, .8);
    color: rgb(94, 121, 133);
    margin: 3px;
}

.schedule-box {
  --bottom: 58px;
  --left: 0px;
}

.schedule-box__title {
  font-size: 1.25em;
  margin-bottom: .5em;
}

.schedule-box__description {
  font-size: 1em;
  margin-bottom: .5em;
}

.schedule-box__start {
  font-size: 0.9em;
  margin-bottom: .5em;
}

.schedule-box__title-and-author {}