@font-face {font-family: "Comic Sans MS";
    src: url("fonts/7cc6719bd5f0310be3150ba33418e72e.eot"); /* IE9*/
    src: url("fonts/7cc6719bd5f0310be3150ba33418e72e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/7cc6719bd5f0310be3150ba33418e72e.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/7cc6719bd5f0310be3150ba33418e72e.woff") format("woff"), /* chrome、firefox */
    url("fonts/7cc6719bd5f0310be3150ba33418e72e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/7cc6719bd5f0310be3150ba33418e72e.svg#Comic Sans MS") format("svg"); /* iOS 4.1- */
}

#background {
    width: 100%;
    height: 100%;
    position: fixed;
}

#background .row {
    width: 100%;
    height: 20%;
    
    background: url('giphy.gif');
    background-size: auto 100%;
    background-position: left;
}

#background #r2, #background #r4 {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#time {
    width: 575px;
    height: 80px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -287px;
    margin-top: -40px;
}

#time h1 {
    font-family: "Comic Sans MS" !important;
    font-weight: bold;
    font-size: 60px;
    line-height: 80px;
}