/* control shift a para comentar */
/* Formatos de la página inicial */
@import url('https://fonts.googleapis.com/css2?family=Emblema+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Emblema+One&family=Inconsolata:wght@600&display=swap');



body{
    /*Propiedades del texto*/
    height: 100%;
    background: rgb(156, 233, 188);
    background: linear-gradient(0deg, rgba(76, 212, 110, 0.715) 0%, rgb(11, 199, 136) 25%, rgb(32, 219, 194) 37%);
}


/*Espacio para botones*/
.botonera{
    /*Propiedades del texto*/
    /*background-color:#FF9E9E;*/
    /*Alto y ancho*/
     width: 100%;
    height: 10%;
    margin-top: 10%;
    /*Organizar contenido*/
    display: flex; 
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}


/*Espacio para el título*/
.titulo {
    /*Alto y ancho*/
    width: 65%;
    margin: auto;
    height: 10%;    
    margin-top: 2%;
    /*Organizar contenido*/
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    /*Propiedades del texto*/
    color:rgb(95, 226, 146);
    font-family: 'Emblema One', cursive;
    font-size: 2.2vh;
    -webkit-text-stroke: 0.1px rgb(4, 141, 107);
    letter-spacing: 0.2em;
    text-shadow: 2px 2px 5px  #089287;
    /*Borde*/
    border: 1px solid black;
    border-radius: 10px;
}

.titulo:hover{
    box-shadow: 5px 5px 40px #055c77;
}

/*Espacio para la informacion personal */
.info {
    /*Ancho y margen*/
    width: 80%;
    margin: auto;
    margin-top: 10%;
    margin-left: 13%;
    /*Organizar el contenido*/
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-around;
}

/*.info:hover {
    box-shadow: 5px 5px 40px antiquewhite;
}*/

/*Espacio para el texto*/
.texto {
    /*Ancho*/
    width: 55%;
    /*Propiedades del texto*/
    color:  #000000;
    background-color:rgb(3, 182, 137);
    font-family: 'Inconsolata', monospace;
    text-align-last: center;
    font-size: 35px;
}

/*Espacio para la foto*/
.foto {
    /*Ancho*/
    width: 25%;
}
.foto img {
    /*Propiedades del texto*/
    /*Borde para la foto*/
    border-radius: 10%;
    border: 2px solid rgb(0, 0, 0);
}