*,body{
  
  background:#2c3e50;
  margin:0;
  padding:0;
}


p{
 
   color:#fff;
  font-size:4.5vw;
  margin:0 auto;
  font-family: 'Roboto Slab', serif;
  width:100%;
  text-align:center;
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  
}

video{

  border: 6px solid #c0392b; 
 opacity:0.5;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
   margin-left: auto;
    margin-right: auto;
    display: block;
  margin-top:20px;
  
 
  

}

video:hover{opacity:1;}

#pp {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
   width: 0;
   height: 0;
   border-left: 63px solid #c0392b;
   border-top: 40px solid transparent;
   border-bottom: 40px solid transparent;
  border-right: 20px solid transparent;
  margin:0 auto;
  position:relative;
  margin-top:40px;
}


.pause {
   border-left: 0px solid #c0392b;
   border-top: 0px solid transparent;
   border-bottom: 0px solid transparent;
   width: 80px; 
   height: 80px; 
   background: #c0392b; 
}