#tiltleSiaci{
text-align:center;
}
h1:hover {
    position: relative;
    top: -5px;
    left: -5px;
    text-shadow: 1px 1px #FF8040, 2px 2px #FF8040, 3px 3px #FF8040, 4px 4px #FF8040, 5px 5px #FF8040, 6px 6px #FF8040;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#tiltleSiaci h2 {
    text-shadow:1px 1px lightblue, 
                2px 2px lightblue, 
                3px 3px lightblue, 
                4px 4px lightblue, 
                5px 5px lightblue, 
                6px 6px lightblue;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 80px;
    width: 80px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}