#animation {
    height: 56rem;
    background: #ffffff;
    -webkit-border-radius: 0.8rem !important;
    border-radius: 0.8rem !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    position: relative;
    overflow: hidden; }
#animation:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: block;
    content: "";
    background: #CC9900; }
#animation .titles .title {
    color: #2e318f;
    width: 100%;
    padding: 2.4rem; }
@media screen and (min-width: 768px) {
    #animation .titles .title {
        padding: 4.8rem; } }
#animation .background {
    position: absolute;
    left: 0;
    bottom: 24rem;
    background: transparent url("../png/npc-background-01.png");
    background-size: 400rem;
    background-repeat: repeat-x;
    height: 28rem;
    width: 10000rem; }
#animation .buildings {
    position: absolute;
    left: 0;
    bottom: 10rem;
    background: transparent url("../png/npc-buildings-01.png");
    background-size: 400rem;
    background-repeat: repeat-x;
    height: 48rem;
    width: 10000rem; }
#animation .trees {
    position: absolute;
    right: 0;
    bottom: 20rem;
    background: transparent url("../png/npc-trees-01.png");
    background-size: 800rem;
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 18rem;
    width: 10000rem; }
#animation .people {
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent url("../png/npc-people-01.png");
    background-size: 600rem;
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 30rem;
    width: 10000rem; }
#animation.smaller {
    height: 36rem; }
#animation.smaller .background {
    bottom: 7.2rem; }
#animation.smaller .buildings {
    bottom: 0; }
#animation.smaller .trees {
    bottom: 10rem; }
#animation.smaller .people {
    height: 20rem;
    background-size: 400rem; }

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:headeranimation] [23.101] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 162 */