body {
  width: 100%;
  height: 100%;
  background:url(TheaterCurtain2.jpg);
  background-size: cover;  
  background-repeat: no-repeat;
  background-position: center center;  ##-webkit-background-size: cover;
  background-size: cover;
  background-color:black;
}

body.two {
  width: 100%;
  height: 100%;
  background: #fff;
}

.centerInCurtains {
   width:65%;
   position: absolute;
   top: 55%;
   left: 60%;
   transform: translate(-50%, -50%);
}

.videoWindow {
   z-index:10000;
   width:840px;
   height:473px;
   display: table;
   margin: 17% auto;
   frameborder:0px;
  allowfullscreen:true;
}

.MainMenuButton {
   font-size:30px;
   color:yellow;
   background-color:black;
   border:solid;
   border-radius:15px;
   padding-left:10px;
   padding-right:10px;
   z-index:10001;
   position: absolute;
   top: 1%;
   left: 50%;
   transform: translate(-50%, -1%);
   cursor:pointer;
}

.BiggerText {
  font-size:22px;
  margin-left:50px;
}

.BigText {
  font-size:16px;
  margin-left:50px;
}

.SmallImg {
    display:block;
    margin-left:auto;
    margin-right:auto;
    height:200px;
    align:center;
}

a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: white;
}

.imgTable {
    float:left;
    border:solid;
    margin-right:50px;
}

.header {
  position: relative;
   z-index:200;
}

.header2 {
    font-size:32px;
    color:yellow;
    margin-bottom:20px;
    margin-top:40px;
}

.header3 {
    font-size:28px;
    color:yellow;
    margin-bottom:10px;
}

.indent {
    margin-left:50px;
}

.menuItems {
    color:#ffffff;
}

.movieTitle {
   width:80%;
   text-align: center;
   font-size:30px;
   color:white;
   background-color:black;
   border:solid;
   padding-left:50px;
   padding-right:50px;
   z-index:10001;
   position: absolute;
   top: 7%;
   left: 50%;
   transform: translate(-50%, -7%);
}

.drFilm {
  position: relative;
  width: 100%;
  z-index: 100;
}

.fade {
  position: relative;
  width: 100%;
  min-height: 30vh;
  top: -400px;
  background-image: linear-gradient(0deg, transparent, black 75%);
  z-index: 2;
}

.star-wars {
  display: flex;
  justify-content: center;
  position: relative;
  top: -45%;
  height: 800px;
  color: #feda4a;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 500%;
  font-weight: 600;
  letter-spacing: 6px;
  line-height: 150%;
  perspective: 400px;
  text-align: justify;
  pointer-events:none;
}

.crawl {
  position: relative;
  top: 10px;
  ##top: 9999px;
  transform-origin: 50% 100%;
  animation: crawl 60s infinite linear;
  pointer-events:none;
}

.crawl > .title {
  font-size: 90%;
  text-align: center;
}

.crawl > .title h1 {
  margin: 0 0 100px;
  text-transform: uppercase;
}

@keyframes crawl {
  0% {
    top: 0;
    transform: rotateX(20deg)  translateZ(0);
  }
  100% { 
    top: -6000px;
    transform: rotateX(25deg) translateZ(-2500px);
  }
}