body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
		Verdana, sans-serif;
	background-color: #f2f2f2;
	color: #333;
	margin: 0;
	padding: 0;
}

article {
	margin: 10% auto 12px;
	width: 500px;
	min-height: 70px;
	padding: 1em;
	background-color: #fff;
	border-radius: 5px 5px 5px 5px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	text-align: center;
  animation-name: bounce;
  animation-duration: 2s;
  animation-delay: 15s; 
  animation-timing-function: linear;
}

video {
	margin: 12px;
	width: 500px;
	min-height: 70px;
	padding: 1em;
	background-color: #fff;
	border-radius: 5px 5px 5px 5px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	text-align: center;
        float: left;
}

img {
        margin: 12px;
        width: 500px;
        min-height: 70px;
        padding: 1em;
        background-color: #fff;
        border-radius: 5px 5px 5px 5px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
        text-align: center;
        float: left;

}

footer {
	text-align: center;
	color: rgb(136, 136, 136);
	font-size: 10px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

footer a, footer a:active, footer a:visited {
	text-decoration: none;
	color: rgb(136, 136, 136);
}

a, a:active, a:visited {
	color: #176fa1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

pi {
  bottom: 0;
  right: 0;
  position: absolute;
  margin-bottom: 5px;
  margin-right: 10px;
  z-index: -10;
}

pi a, a:hover, a:active, a:visited {
  color: #176fa1;
  text-decoration: none; 
}

@keyframes bounce {
 0%       { width:500px; }
 5%       { width:540px; }
 10%      { width:580px; }
 15%      { width:620px; }
 20%      { width:660px; }
 25%      { width:700px; }
 30%      { width:740px; }
 35%      { width:780px; } 
 40%      { width:820px; }
 45%      { width:860px; }
 50%      { width:900px; background-color: #111; }
 55%      { width:860px; }
 60%      { width:820px; } 
 65%      { width:780px; }
 70%      { width:740px; }
 75%      { width:700px; }
 80%      { width:660px; }
 85%      { width:620px; }
 90%      { width:580px; }
 95%      { width:540px; }
 100%     { witdh:500px; }
}