.geometrica{
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 0;
    position: absolute;
    left: 10%;
    bottom: 0;
    z-index:0;
    animation-name: move;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.formas .geometrica:nth-child(2){
    left: 25%;
    animation-delay: 6s;
}

.formas .geometrica:nth-child(3){
    left: 40%;
    animation-delay: 2s;
}

.formas .geometrica:nth-child(4){
    left: 60%;
    animation-delay: 10s;
}

.formas .geometrica:nth-child(5){
    left: 75%;
    animation-delay: 4s;
}

.formas .geometrica:nth-child(6){
    left: unset;
    right: 10%;
    animation-delay: 8s;
}

#boneco{
    height: 100px;
    width: 85px;
    background-image: url(../img/boneco.png);
    background-repeat: no-repeat;
    background-size:contain;
    position: absolute;
    bottom: 5px;
    right: 15px;
}

#boneco:hover, #boneco:focus{
    animation-name: pula;
    animation-duration: 0.5s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
}

@keyframes move{
    0%{
        border: 1px solid;
        transform: translateY(0) rotate(0deg);
        border-color: #efefef;
    }
    40%{
        transform: translateY(-40vh) rotate(120deg);
        border-color: #6bbebe;
    }
    70%{
        transform: translateY(-70vh) rotate(180deg);
        border-color: #c55810;
    }
    100%{
        border: 1px solid;
        transform: translateY(-100vh) rotate(360deg);
        border-color: #34bb3b;
    }
}

@keyframes pula{
    0%{transform: translateY(0)}
    60%{transform: translateY(-20px)}
    100%{transform: translateY(0)}

}

@media screen and (max-width: 600px){
    .formas .geometrica:nth-child(3){
        display:none;
    }
    .formas .geometrica:nth-child(4){
        display:none;
    }
    .formas .geometrica:nth-child(5){
        display:none;
    }
    .formas .geometrica:nth-child(2){
        display:none;
    }
    .formas .geometrica:nth-child(6){
        animation-delay: 2s;
    }
}

@media screen and (max-width: 1150px){
    #boneco{
        height: 50px;
        width: 47px;
    }
}