body {
  line-height: 1.6;
}

.content {
  max-width: 600px;
  margin: 10px auto;
}

@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.videoBG {
  background-color: white;
  border-bottom: 2px solid #f6f6f6;
  position: fixed;
  width: 100%;
  height: 190px;
  z-index: 0;
  opacity: 0;
}
.videoBG.show {
  -webkit-animation: fade-in-up 0.25s ease forwards;
          animation: fade-in-up 0.25s ease forwards;
}

.video-wrap {
  text-align: center;
}

.video iframe {
  max-width: 100%;
  max-height: 100%;
}
.video.stuck {
  background: red;
  position: fixed;
  top: 20px;
  left: calc(50% - 150px);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  width: 260px;
  height: 145px;
  -webkit-animation: fade-in-up 0.25s ease forwards;
          animation: fade-in-up 0.25s ease forwards;
}