Happy Birthday

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Happy Happy Birthday SweetyPai</title>

  <link rel="icon" type="image/png" href="f.png" />


<meta property="og:title" content="Happy Birthday To SweetyPai" />
<meta property="og:image" content="des.jpg" />

  <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>


  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">


      <style>

      html, body {
  height: 100%;
  position: relative;
  margin:0;
  padding:0;
}

.box,.page  {
  position:fixed;
  top:0;
  left:0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index:999;
  /* background:rgba(10, 10, 10, 0.55); */
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.36), rgba(27, 101, 178, 0.29));
  color:white;
}
.is_overlay{
  display: block;
  width: 100%;
  height: 100%;
}
.is_overlay video {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(https://dl.dropboxusercontent.com/u/23834858/videos/bck.jpg) no-repeat;
  background-size: cover;
}
.logo{
    display:block;
  font-family: 'Changa One', cursive;
  text-align:center;
  margin: 30% auto;
}
.logo_title{
  font-size:5em;
  text-shadow: 0 3px 8px #000;
}
.logo_subtitle{
  font-size:3em;
  text-shadow: 0 3px 8px #000;
}
    </style>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>

<body>
  <link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'>

<div class="box">
  <div class="page">
        <div class="logo">
            <div class="logo_title"></div>
        <div class="logo_subtitle"></div>
        </div>
  </div>

  <div class="is_overlay">
    <!-- <video autoplay loop poster="https://dl.dropboxusercontent.com/u/23834858/videos/bck.jpg" > -->
      <!-- <source src="https://www.youtube.com/embed/HnImthnsU7w?autoplay=1" type="video/mp4">  -->


<iframe class="is_overlay" frameborder="0" height="100%" width="100%"
    src="https://www.youtube.com/embed/QdZWEGMhmSM?autoplay=1&loop=1">
  </iframe>


        </div>
      </div>

    <script src="js/index.js"></script>

</body>
</html>