#lyric {
    width: 100%;
    position: absolute;
    top: 50%;
    top: calc(50% - 36px);
    top: -moz-calc(50% - 36px);
    text-align: center;
    text-overflow: clip;
    color: #fff;
    font-size: 72px;
    text-shadow: 0px 4px 0 #000, 2px 0px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000;
    z-index: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#hit1 {
    width: 128px;
    height: 128px;
    top: 15%;
    left: 28%;
    position: absolute;
    transform: rotate(-21deg);
    -moz-transform: rotate(-21deg);
    -webkit-transform: rotate(-21deg);
}

#hit2 {
    width: 128px;
    height: 128px;
    top: 60%;
    left: 73%;
    position: absolute;
    transform: rotate(21deg);
    -moz-transform: rotate(21deg);
    -webkit-transform: rotate(21deg);
}

#hit3 {
    width: 200px;
    height: 128px;
    top: 50%;
    left: 40%;
    position: absolute;
    transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -webkit-transform: rotate(-70deg);
}

#hit4 {
    width: 400px;
    height: 876px;
    top: 20%;
    left: 16%;
    position: absolute;
    transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
}

#hit5 {
    width: 128px;
    height: 128px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

#hit6 {
    width: 64px;
    height: 64px;
    top: 72%;
    left: 29%;
    position: absolute;
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

#hit7 {
    width: 128px;
    height: 128px;
    top: 15%;
    left: 85%;
    position: absolute;
    transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
}

#hit8 {
    width: 200px;
    height: 200px;
    top: 48%;
    left: 58%;
    position: absolute;
    transform: rotate(48deg);
    -moz-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
}

#hit9 {
    width: 128px;
    height: 128px;
    top: 20%;
    left: 20%;
    position: absolute;
    transform: rotate(122deg);
    -moz-transform: rotate(122deg);
    -webkit-transform: rotate(122deg);
}

#dance1 {
    position: absolute;
    width: 300px;
    left: 50%;
}

#dance2 {
    position: absolute;
    width: 300px;
    top: 50%;
    left: 10%;
}

#dance3 {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 70%;
}

.bg-red {
    background-color: red;
}

.bg-green {
    background-color: green;
}

.bg-blue {
    background-color: blue;
}

.bg-yellow {
    background-color: yellow;
}

.bg-black {
    background-color: black;
}

.bg-rainbow {
    background: url(rainbow.gif);
    background: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
    background: -moz-repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
    background: -webkit-repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
    background-size: 100% 800%;
    animation: rainbow 5s cubic-bezier(.45,.05,.55,.95) infinite;
    -moz-animation: rainbow 5s cubic-bezier(.45,.05,.55,.95) infinite;
    -webkit-animation: rainbow 5s cubic-bezier(.45,.05,.55,.95) infinite;
}

@keyframes rainbow {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@-moz-keyframes rainbow {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.stretch-vert {
    transform: scale(2.0, 5.0) !important;
    -moz-transform: scale(2.0, 5.0) !important;
    -webkit-transform: scale(2.0, 5.0) !important;
    transition: all 4s !important;
    -moz-transition: all 4s !important;
    -webkit-transition: all 4s !important;
}

.stretch-hori {
    transform: scale(5.0, 2.0) !important;
    -moz-transform: scale(5.0, 2.0) !important;
    -webkit-transform: scale(5.0, 2.0) !important;
    transition: all 4s !important;
    -moz-transition: all 4s !important;
    -webkit-transition: all 4s !important;
}

.all-3s {
    transition: all 3s;
    -moz-transition: all 3s;
    -webkit-transition: all 3s;
}

#saygoodbye {
    width: 512px;
    height: 512px;
    position: absolute;
    top: 50%;
    top: calc(50% - 256px);
    top: -moz-calc(50% - 256px);
    left: 50%;
    left: calc(50% - 256px);
    left: -moz-calc(50% - 256px);
}

.bg-cf {
    background: url(dance1wee.gif);
}