* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} 
body{
    font-family: "Roboto", sans-serif;
}
#padre{
    display: block;
    margin:35px auto
}
#hijo{
 
}
h2{
    text-align: center;
}

#img{
    display: block;
    margin:35px auto;

}
#img img{
    display: block;
    width: 75%;
    max-width: 400px;
    height: auto;
    margin:35px auto;
    margin-top: 65px;
    animation: test 4s;
}
span.texto{
    display: block;
    margin: 65px auto;
    width: 80%;
    max-width: 400px;
}
span.tree{
    display: block;
    margin: 5px auto;
    width: 80%;
    max-width: 400px;
}

span.tree ul{
    margin:auto;
    text-align: center;
}
span.tree ul li{
    display: inline;
    list-style-type: none;

}
span.tree ul li a{
    text-decoration: none;
    font-size: 22px;
    margin:auto 8px;
    color: #1554ff;
}
@keyframes test {
  0% { transform: scale(0);  left: 39%; }
  40% { transform: scale(1);  left: 39%;}
  60% { transform: scale(1);  left: 39%;}
  100% { left: 0%; }
}