body {
    padding:0;
    margin:0;
}

#dinosaur {
    animation: walk;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: -15s;
    width: 400px;
    z-index: 0;
    padding-top: 100px;
    padding-bottom: 0px;
}

@keyframes walk {
    0%{transform: translate(-400px) rotateY(0deg);}
    49%{transform: translate(100vw) rotateY(0deg);}
    51%{transform: translate(100vw) rotateY(180deg);}
    100%{transform: translate(-400px) rotateY(180deg);}
}

#fence {
    position: relative;
    z-index: 2;
}

#fence:before {
    content: " ";
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    background-image: url("../fence/fence.png");
    background-size: 200px;
    background-repeat: repeat-x;
    height: 200px;
}


#grass {
    position: relative;
    z-index: 1;
}

#grass:before {
    content: " ";
    position: absolute;
    top: 100px;
    bottom: 0px;
    left: 0;
    right: 0;
    width: auto;
    background-image: url("../fence/grass.png");
    background-size: 300px;
    background-repeat: repeat-x;
    height: 200px;
}

#trees {
    position: relative;
    z-index: -1;
}

#trees:before {
    content: " ";
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    background-image: url("../fence/trees.png");
    background-size: 320px;
    background-repeat: repeat-x;
    height: 300px;
}

#backdrop {
    position: relative;
    z-index: -1;
}

#backdrop:before {
    content: " ";
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    background-image: url("../fence/backdrop.png");
    background-size: 300px;
    background-repeat: repeat-x;
    height: 300px;
}

#sign {
    position: absolute;
    width: 120px;
    top: 150px;
    left: calc(50% - 60px);
    z-index: 3;
}

.wrapper {
    position: relative;
    overflow: hidden;
    height: 25vh;
    min-height: 270px;
    background-image: url("../fence/sky.jpg");
    background-size: cover;
    background-position: center;
    z-index: 0;
}