* {box-sizing: border-box;}
body {
 background: #e5c9e0;
 font-family: Verdana, sans-serif;
}

.videoFieldset
{
 border-color: #6e317e;
 border-radius: 30px;
}

.videoFieldsetLayout
{
 background: #571c6e;
 margin: 10px 10px 10px 10px;
 padding: 20px;
 border-radius: 30px;
}

.videoLegend
{
 color: #571c6e;
 font-family: "Times New Roman", Times, serif;
 font-style: normal;
 font-size: 30px;
 font-weight: bold;
 font-style: italic;
 margin-left: 1%;
 text-align: center;
}

/* videoshow container */
.videoshow-container {
  width: 1280px;
  position: relative;
  height: auto;
  margin: auto;
}

.myVideoContainer {display: block;
 position: relative;
 z-index: 1;
}

.myVideo {display: block;
 position: relative;
 z-index: 1;
}

.myMessage {display: block;
 position: absolute;
 top: 50px;
 left: 25%;
 width: 50%; 
 border: solid 4px #571c6e;
 text-align: center;
 background-color: #ffffff;
 z-index: 2;
}

.arrowLeft {
 position: absolute;
 top: calc(50% - 25px);
 left: calc(0% - 90px);
 display: block;
 opacity: 1;
 z-index: 2;
}

.arrowRight {
 position: absolute;
 top: calc(50% - 25px);
 left: calc(100% + 40px);
 display: block;
 opacity: 1;
 z-index: 2;
}

.numberText {
  color: #f2f2f2;
  font-size: 20px;
  padding: 8px 12px;
  position: relative;
  top: 0px;
}

.pixelText {
 font-family: "Times New Roman", Times, serif;
 font-style: normal;
 font-size: 25px;
 font-weight: bold;
 color: #571c6e;
}

.downloadButton {
 position: relative;
 top: calc(100%);
 float: right;
 font-family: "Times New Roman", Times, serif;
 font-style: normal;
 font-size: 30px;
 font-weight: bold;
 color: #000000;
 display: block;
 opacity: 1;
 z-index: 2;
}

.videoTitle {
 font-family: "Times New Roman", Times, serif;
 font-style: normal;
 font-size: 30px;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
}