main.css

/*
 * This code and all components (c) Copyright 2019-2020, Wowza Media Systems, LLC. All rights reserved.
 * This code is licensed pursuant to the BSD 3-Clause License.
 */

html {
 height: 100%;
}
body {
  background: #F8F8F8;
  background-image: url(../images/bg-image-1.svg), url(../images/bg-image-2.svg);
  background-position: bottom center, top center;
  background-repeat: no-repeat;
  background-size: 100% 32%, 100% 60%;
  height: 100%;
}
a:disabled,
button:disabled {
  cursor: not-allowed;
}

.alert-dismissible .close {
  padding: .4rem 1.25rem;
}

#top-nav {
  background: #FFFFFF;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
}

#content {
  margin-top: 3em;
  max-width: 1500px;
}
#play-video-container {
  height:0;
  width:100%;
  padding-bottom:57%;
  background-color:rgba(102, 102, 102, 1);
  border-radius:0.75em;
}

#player-video,
#publisher-video {
  width: 100%    !important;
  height: auto   !important;
  background: #EEEEEE;
  border-radius: 10px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  outline:none;
}

#video-live-indicator {
  position: absolute;
  top: 0.5em;
  left: 1.5em;
  opacity: 90%;
}

#build {
  position:absolute;
  color:#ccc;
  font-size:50%;
  bottom:1em;
  right:1em;
}