*{
    padding:0px;
    margin: 0px;
}
.conteiner_animation{
    background-color: black;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
}
.animation{
    position:absolute;
    width: 10px;
    height: 300px;
}
.conteiner_animation h1{
    display: flex;
    align-items: center;

    position:absolute;
    font-size: 2.5em;
    z-index: -0;
    animation-name: mover_titulo;
    animation-duration: 2s;
    /* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); */
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;

    top:0px;
    bottom: 0px;
    margin: auto;
    left: -50;
}
.conteiner_img{
    position:absolute;
    width: 175px;
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 53, 29);
    border-radius: 50%;
    animation-name:izquierda;
    animation-duration: 2s;
    /* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); */
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;

    top:0px;
    bottom: 0px;
    margin:auto;
    right: -90px;
}
.conteiner_img img{
    width: 100%;
    object-fit: cover;
}

@keyframes mover_titulo{
    0%{
        left: 0px;
    }100%{
        left: 30px;
    }
}

@keyframes mover_reloj{
    0%{ 
        scale: 3;
    }
    100%{
        scale: 1; 
    }
}

@keyframes izquierda{
    0%{
        right: -90px;
    }100%{
        right: -10px;
    }   
}