body {
  background-color: #111;
  font-family: Arial, Helvetica, sans-serif;
  overflow: scroll;
}

.wrapper {
  display: flex;
  align-items: center;
  margin: 15px;
}

#spinner {
    width: 50%;
}

#pointer {
  background-color: white;
  width: 5%;
  height: 50px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

#video {
  background-color: white;
  width: 45%;
  padding: 15px;
  border-radius: 10px;
}

#video h1 {
  margin-top: 0px;
  color: #b11e31;
}

#video a {
  color: #b11e31;
}

#video button {
  border: 5px solid #b11e31;
  background-color: white;
  color: #b11e31;
  font-size: large;
  font-weight: bold;
  width: 100%;
  padding: 10px;
}

#video button:disabled {
  color: #b11e3166;
}

#media {
  margin-top: 30px;
}

#media img,video {
  width: 100%;
}

@keyframes rotationTurkeySandwich {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(1102.5deg);
    }
}

@keyframes rotationHotChocolate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1147.5deg);
  }
}

@keyframes rotationMincePie {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1192.5deg);
  }
}


@keyframes rotationMulledWine {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1237.5deg);
  }
}

@keyframes rotationBrusselSprout {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1282.5deg);
  }
}

@keyframes rotationChristmasAle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1327.5deg);
  }
}

@keyframes rotationPigsInBlankets {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1372.5deg);
  }
}

@keyframes rotationGingerbread {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1417.5deg);
  }
}