/* 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(233,148,156);
    background: linear-gradient(0deg, rgba(233,148,156,0.7147233893557423) 0%, rgba(249,228,210,1) 25%, rgba(250,235,215,1) 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:antiquewhite;
    font-family: 'Emblema One', cursive;
    font-size: 2.2vh;
    -webkit-text-stroke: 0.1px black;
    letter-spacing: 0.2em;
    
    text-shadow: 1px 1px 2px  #E9949C, 0 0 25px  #E9949C, 0 0 5px #d5394a;

    /*Borde*/
    border: 1px solid black;
    border-radius: 10px;
}

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

/*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:antiquewhite;
    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);
}