body{
    margin: 0px;
}

.container{
    background-color: #191919;
    height: 100%;
    width: 100%;
    position: absolute;
    align-content: center;
}

.container img{
    z-index: 3;
    padding-top: 12%;
    position: relative;
    height: 400px;
    width: 400px;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
}


.videobg{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color: #191919;
  }
  
  .videobg video{
    
    overflow: hidden;
  }

  .overlay{
    z-index: 2;
    position: absolute;
    overflow: hidden;
    background-color: #191919;
    opacity: .8;
    height: 100%;
    width: 100%;
  }

  .text{
      z-index: 4;
      color: #e6e6e6;
      font-size: 70px;
      font-family: 'Raleway', sans-serif;
      position: relative;
      display: block;
      margin: auto;
      left: 0;
      right: 0;
  }

  .text p{
      text-align: center;
      opacity: 0.9;
      text-transform: uppercase;
  }

.left{
    z-index: 10;
    background-color: #bf1e2e;
    height: 100%;
    width: 25%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.9;
    left: -25%;
    animation: slide 0.5s forwards;
    animation-delay: 3s;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 3s;
}

#blue-team-logo, #orange-team-logo{
    height: 350px;
    width: 350px;
    padding-bottom: 50px;
}

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}


.right{
    z-index: 10;
    background-color: #bf1e2e;
    height: 100%;
    width: 25%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
    right: -25%;
    animation: slide1 0.5s forwards;
    animation-delay: 3s;
    -webkit-animation: slide1 0.5s forwards;
    -webkit-animation-delay: 3s;
}


@-webkit-keyframes slide1 {
    100% { right: 0; }
}

@keyframes slide1 {
    100% { right: 0; }
}


#BTeam{
    height:200px;
    color: #e6e6e6;
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    text-align: center;
    vertical-align:middle;
    margin: 0px;
    text-transform: uppercase;
    word-wrap: break-word;
}


#BP1, #BP2, #BP3, #BP4{
    color: #e6e6e6;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    text-align: center;
    margin: 0px;
}

#OTeam{
    height:200px;
    color: #e6e6e6;
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    text-align: center;
    vertical-align:middle;
    margin: 0px;
    text-transform: uppercase;
    word-wrap: break-word;
}


#OP1, #OP2, #OP3, #OP4{
    color: #e6e6e6;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    text-align: center;
    margin: 0px;
}