/*===== 19. Shapes =====*/

@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes moveleftbounce{0%{transform:translateX(0px)}50%{transform:translateX(20px)}100%{transform:translateX(0px)}}
@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}

.shape1 {
    position: absolute;
    left: 3%;
    top: 7%;
    z-index: -1;
}

.shape1 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape2 {
    position: absolute;
    top: 7%;
    right: 8%;
    z-index: -1;
}

.shape2 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape3 {
    position: absolute;
    left: -8%;
    bottom: 30px;
    z-index: -1;
}

.shape3 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape4 {
    position: absolute;
    right: 4%;
    bottom: 30%;
    z-index: -1;
}

.shape4 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape5 {
    position: absolute;
    top: 42.5%;
    left: 7%;
    z-index: -1;
}

.shape5 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape6 {
    position: absolute;
    top: 4%;
    right: 34%;
    z-index: -1;
}

.shape6 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape7 {
    position: absolute;
    top: 10%;
    left: 13%;
    z-index: -1;
}

.shape7 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape8 {
    position: absolute;
    top: 10%;
    right: 4.5%;
    z-index: -1;
}

.shape8 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape9 {
    position: absolute;
    top: 38%;
    left: -1.2%;
    z-index: -1;
}

.shape9 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape10 {
    position: absolute;
    top: 54%;
    right: 1%;
    z-index: -1;
}

.shape10 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape11 {
    position: absolute;
    bottom: 1%;
    left: 4%;
    z-index: -1;
}

.shape11 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape12 {
    position: absolute;
    right: 1.5%;
    bottom: 5%;
}

.shape12 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape13 {
    position: absolute;
    top: 12%;
    left: 8%;
    z-index: -1;
}

.shape13 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape14 {
    position: absolute;
    top: 10%;
    right: 1%;
    z-index: -1;
}

.shape14 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape15 {
    position: absolute;
    bottom: 16%;
    left: 5%;
    z-index: -1;
}

.shape15 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape16 {
    position: absolute;
    bottom: 16%;
    right: 3%;
    z-index: -1;
}

.shape16 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape17 {
    position: absolute;
    top: 6%;
    left: 2%;
    z-index: -1;
}

.shape17 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}