/* SIMPLE RESET */
html,
body,
button,
div,
img    { margin: 0; padding: 0; }
button { display: block;  background: none; border: 0; }
img,
div    { -webkit-transform: translate3d(0,0,0);
                 transform: translate3d(0,0,0); border: 0; }

html   { box-sizing: border-box; }

*,
::before,
::after {  box-sizing: inherit; }

/* DEFAULTS */
.abs            { position: absolute; }
.absTL00        { position: absolute; top: 0; left: 0; }
.absTR00        { position: absolute; top: 0; right: 0; }
.absBL00        { position: absolute; bottom: 0; left: 0; }
.absBR00        { position: absolute; right: 0; bottom: 0;  }
.fullsizePx     { width: 728px; height: 90px; }
.fullsizePerc   { width: 100%; height: 100%; }
.opacity0       { opacity: 0; }
.opacity1       { opacity: 1; }
.invisible      { display: none; }

/* START */
#banner     { overflow: hidden; background-color: rgba(0,0,0,1); }
#clickArea  { display: block; background-color: rgba(0,0,0,0); cursor: pointer; border: 1px solid #000; }

/* YOUR CREATIVE STYLES GOES HERE */

#white {
        top: 0; left: 0;
        width: 728px; height: 90px;
        background-color: rgba(255,255,255,1);
        }
#bg {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1) rotate(0.01deg) translate3d(0,0,0);
    transform: scale(1) rotate(0.01deg) translate3d(0,0,0);
    transform-origin: 80% 50%; -webkit-transform-origin: 80% 50%;
}

#cta {
    top: 0; left: 0; background-color: #ff2a99; cursor: pointer;

    -webkit-transform: translate3d(567px,33px,0);
            transform: translate3d(567px,33px,0);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
#banner:hover #cta {
        background-color: #ff4eb8;
}
#textbox {
        top: 0; left: 0;
        width: 0; height: 62px;
        background-color: rgba(0,155,255,0.7);

        -webkit-transform: translate3d(128px,0,0);
                transform: translate3d(128px,0,0);
}

#snowFlakes {
        width: 100%; height: 100%;
        -webkit-transition: 1000ms opacity;
                transition: 1000ms opacity;
}

.snowflake {
        position: absolute;
        width: 30px;
        height: 20px;
        background: -webkit-radial-gradient(rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 25%, rgba(255, 255, 255, 0) 75%);
        background: radial-gradient(rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 25%, rgba(255, 255, 255, 0) 75%);
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
}