*{
margin: 0;
padding: 0;

}
body{
height: 100%;
    background:#cdd3f0;
    box-sizing: border-box;
    }

    .wrapper{
        background-color: #fdfdfd;
        height: 100%;
    }

    .header{
        height: 100px;
        padding: 10px;
        text-align: center;
        font-size: 35px;
        line-height: 2.5;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #000;;
        background: linear-gradient(blue,gray);
    }

    h2{
        padding: 20px;
        text-align: center;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        background-color: rgb(61, 53, 53);
        color: #cdd3f0;
        text-transform: capitalize;
        
    }

    .video{
text-align: center;
padding: 10px;
position: relative;
padding-bottom: 56.25%;
/*---16:9---*/
height: 0;
  }
  .video iframe{

    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
    .content{
padding: 10px;
text-align: center;
font-size: 16px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
   }


   .videoFrame{

    border: 2px solid #000;
    box-shadow: 1px 1px 10px #000;
    
   }