/* About-only styles (about.html) */

.video-container{
  position:relative;
  padding-bottom:56.25%; /* 16:9 */
  height:0;
  overflow:hidden;
  max-width:100%;
  background:#000;
}
.video-container iframe{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  border:0;
}

.video-card{
  transition:transform .3s ease, box-shadow .3s ease;
}
.video-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 25px -5px rgba(0,0,0,.1);
}