html, body {
  width:100%; height:100%;
  padding:0px; margin:0px;
  overflow:hidden;
}

iframe {
  width: 100%; height: 100%;
  top: 0px; margin: 0px;
}

.logo {
  width: 100%; height: 100%;
  background: #ff0000;
}

.logo img {
  position: absolute;
  top: 50%; left: 50%;
  margin-left: -529px;
  margin-top: -373px;
}

.zoom {
  position: absolute;
  top: 0px;

  animation-name: animation;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;

  -moz-animation-name: animation;
  -moz-animation-duration: 2s;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;

  -o-animation-name: animation;
  -o-animation-duration: 2s;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: ease-in;

  -webkit-animation-name: animation;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
}

@keyframes animation {
  0% {
    opacity: 1.0;
    transform: translate(-40px, 90px) scale(1) translate(40px, -90px);
    -moz-transform: translate(-40px, 90px) scale(1) translate(40px, -90px);
    -o-transform: translate(-40px, 90px) scale(1) translate(40px, -90px);
    -webkit-transform: translate(-40px, 90px) scale(1) translate(40px, -90px);
  }
  99% {
    opacity: 0.0;
    transform: translate(-40px, 90px) scale(40) translate(40px, -90px);
    -moz-transform: translate(-40px, 90px) scale(40) translate(40px, -90px);
    -o-transform: translate(-40px, 90px) scale(40) translate(40px, -90px);
    -webkit-transform: translate(-40px, 90px) scale(40) translate(40px, -90px);
  }
  100% {
    opacity: 0.0;
    transform: translate(-40px, 90px) scale(0) translate(40px, -90px);
    -moz-transform: translate(-40px, 90px) scale(0) translate(40px, -90px);
    -o-transform: translate(-40px, 90px) scale(0) translate(40px, -90px);
    -webkit-transform: translate(-40px, 90px) scale(0) translate(40px, -90px);
  }
}
