html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#222;
    font-family:"HelveticaNeue LT 65";
    color:white;
}
header {
    position:fixed;
    background-color:#39F;
    top:0;
    left:0;
    right:0;
    z-index:10;
    padding:4px 16px;
    font-size:24px;
    -moz-box-shadow:0 0 30px 15px #222;
}
content {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding:0;
    background-color:#222;
    font-family:"HelveticaNeue LT 65";
    color:white;
    -moz-transform:rotate(-3deg);
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:10s;
}
.gElement {
    position:absolute;
    width:176px;
    height:182px;
    padding:9px 12px;
    margin:0;
    top:50%;
    left:50%;
    z-index:0;
    background-color:#333;
    background-repeat:no-repeat;
    background-position:center center;
    -moz-transition-property:background-image, background-size, -moz-box-shadow, -moz-transform, margin, padding, width, height, left, top;
    -moz-transition-duration:0.25s, 0.5s, 0.5s, 0.5s, 2s, 2s, 2s, 2s, 2s, 2s;
    background-size:cover;
}
.gElementSelected, .gElement:hover {
    z-index:1;
    -moz-box-shadow:0 0 40px 10px #000;
    -moz-transition-property:background-image, background-size, -moz-box-shadow, -moz-transform, margin, padding, width, height, left, top;
    -moz-transition-duration:0.25s, 4s, 1s, 4s, 2s, 2s, 2s, 2s, 2s, 2s;
}
.gElement:hover {
    z-index:2;
    -moz-transform:scale(2) rotate(3deg);
    background-size:contain;
}
.gElement.full {
    margin:0 !important;
    width:-moz-calc(100% - 24px);
    height:-moz-calc(100% - 38px - 18px);
    left:0;
    top:38px;
    -moz-transition-property:margin, padding, width, height, -moz-transform, left, top, -moz-box-shadow;
    -moz-transition-duration:2s, 2s, 2s, 2s, 2s, 2s, 2s, 2s;
    -moz-transform:rotate(3deg) !important;
    z-index:3 !important;
    -moz-box-shadow:none;
    background-size:contain;
}