* {
    padding: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}

.preload {
    visibility: hidden;
}

/* Banner */

#banner {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
    height: 600px;
    margin: auto;
    overflow: hidden;
}

#background {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 600px;
    background: url("background.jpg") 0 0 no-repeat;
}

#drip_1_container {
    position: absolute;
    left: 92px;
    top: 379px;
    width: 21px;
    height: 129px;
    overflow: hidden;
}

#drip_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 6500%;
    height: 100%;
    background: url(drip.png) no-repeat top center;
    background-size: 100% 100%;
}

#drip_2_container {
    position: absolute;
    left: 134px;
    top: 370px;
    width: 15px;
    height: 49px;
    overflow: hidden;
}

#drip_2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 6500%;
    height: 200%;
    background: url(drip.png) no-repeat top center;
    background-size: 100% 100%;
}

#splat_container {
    position: absolute;
    left: -112px;
    top: -50px;
    width: 504px;
    height: 504px;
}

.splat {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#splat_0 {
    background: url(splat_0.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_1 {
    background: url(splat_1.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_2 {
    background: url(splat_2.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_3 {
    background: url(splat_3.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_4 {
    background: url(splat_4.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_5 {
    background: url(splat_5.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_6 {
    background: url(splat_6.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_7 {
    background: url(splat_7.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_8 {
    background: url(splat_8.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_9 {
    background: url(splat_9.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_10 {
    background: url(splat_10.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_11 {
    background: url(splat_11.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_12 {
    background: url(splat_12.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_13 {
    background: url(splat_13.svg) no-repeat top center;
    background-size: 100% 100%;
}

#splat_14 {
    background: url(splat_14.svg) no-repeat top center;
    background-size: 100% 100%;
}

#darken {
    position: absolute;
    left: 35px;
    top: 323px;
    width: 113px;
    height: 65px;
    opacity: 0;
    background: url("darken.png") 0 0 no-repeat;
}

#headline {
    position: absolute;
    left: 47px;
    width: 206px;
    height: 32px;
    background: url("headline.png") 0 0 no-repeat;
}

#yum {
    position: absolute;
    width: 300px;
    height: 118px;
    background: url("yum.png") 0 0 no-repeat;
}

#exit_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 600px;
    cursor: pointer;
    pointer-events: auto;
    background-color: transparent;
}

/* Video */

#video_container {
    position: absolute;
    left: 0;
    width: 300px;
    height: 300px;
    background-color: black;
    box-shadow: 0 0 15px #F57A89;
}

#video {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 300px;
}

#audio_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 300px;
    display: none;
    cursor: pointer;
    pointer-events: auto;
    background: url("video_audio_button.png") 0 0 no-repeat;
    background-position: 67px 216px;
}

#endcard {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 300px;
    display: none;
    cursor: pointer;
    pointer-events: auto;
    background: url("video_encard.jpg") 0 0 no-repeat;
}