<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<html>
<style>@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);
* { font-family: 'Roboto', sans-serif; line-height:1.2; vertical-align:middle; }
body { background:#222; }
main {
display:block;
position:relative;
max-width:99%;
margin:3vh auto;
padding:3rem 0 0;
background: rgba(255,255,255,0.15);
outline
overflow:hidden;
transform:scale(.88);
transform-origin:center 3rem;
transition:transform .3s;
}
body:hover main {
transform:scale(1.0);
}
header {
