body{
    background-color: #f3c5cd;
    margin: 0;
    padding: 0;
}

/*Comienzo de menú*/

.cabecera{
    color:rgb(255, 255, 255);
    position: fixed;
    width: 100%;
    height: 5.5vmax;
    background-color: rgb(170, 9, 108);
    padding: 0vmin;
    margin-top: -10vmin;
    font-size: 7vmin;
}

.texto_cabecera{
    width: 100%;
    height: 3vmax;
    font-size: 3vmin;
}

.texto_cabecera ul{
    width: 100%;
    height: 3vmax;
    display: flex;
    justify-content:space-between;
    align-items: center;
}

.texto_cabecera ul a{
    color: #fff0d2;
    text-decoration: none;
}

.presentacion{
    margin-left: 0vmax;
    margin-right: 1vmax;
}

.illia{
    margin-left: 1vmax;
    margin-right: 1vmax;
}

.datos{
    margin-left: 1vmax;
    margin-right: 1vmax;
}

.expectativas{
    margin-left: 1vmax;
    margin-right: 1vmax;
}

.inicio{
    margin-left: 1vmax;
    margin-right: 5vmax;
}

/*Cierre de menú*/

/*Comienzo formato de la página*/

main{
    margin-top: 10vmin;
    width: 100%;
}

/*Comienzo título*/

.lola{
    font-size: 7vmin;
    text-align: right;
    color: rgb(170, 9, 108);
    background-color: rgb(200, 97, 140, 0.424);
    margin-left: 0vmin;
    height: 7vmin;
    font-weight: normal;
}

/*Cierre título*/

/*Comienzo seccion1 (presentación)*/

.seccion1{
    align-items: center;
}

.titulo_presentacion{
    font-size: 7vmin;
    margin: 6vmin;
    text-align:left;
    color: rgb(170, 9, 108);
}

.texto_presentacion{
    color: rgb(170, 9, 108);
    font-size: 3vmin;
    padding-top: 3vmax;
    padding-bottom: 3vmax;
    margin: 6vmin;
    margin-bottom: 5vmax;
    margin-top: 1.5vmax;
    text-align:justify;
    border-top: 0.2vmax solid rgb(170, 9, 108);
    border-bottom: 0.2vmax solid rgb(170, 9, 108);
}
.img_presentacion{
    width: 23vmax;
    height: 30vmax;
    margin-top: 0vmin;
    margin-right: 4vmin;
    margin-left: 4vmin;
}
.texto_imagen{
    display: flex;
}

/*Cierre seccion1 (presentación)*/

/*Comienzo seccion2 (mi paso por el illia)*/

.seccion2{
    align-items: center;
    padding-top: 7vmin;
}

.titulo_illia{
    font-size: 7vmin;
    margin: 6vmin;
    text-align:center;
    color: rgb(170, 9, 108);
}

.texto_illia{
    color: rgb(170, 9, 108);
    font-size: 3vmin;
    padding-top: 3vmax;
    padding-bottom: 3vmax;
    margin: 6vmin;
    margin-bottom: 5vmax;
    margin-top: 5vmax;
    text-align:justify;
    border-top: 0.2vmax solid rgb(170, 9, 108);
    border-bottom: 0.2vmax solid rgb(170, 9, 108);
}

.galeria_imagenes{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    width: 86%;
    margin: auto;
    grid-gap: 10vmin;
    padding-left: 0vmin;
    overflow: hidden;
}

.galeria_imagenes img{
    filter: grayscale(1);
    display: block;
    position: relative;
    overflow: hidden;
}

.galeria_imagenes img:hover{
    filter: grayscale(0) ;
    transform: translate(5px);
    transition-property: all;
    transition-duration: 100ms;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.galeria_img{
    width: 100%;
    vertical-align: top;
    object-fit: cover;
}

/*Cierre seccion2 (mi paso por el illia)*/

/*Comienzo seccion3 (sobre mi)*/

.seccion3{
    display: flex;
    align-items: center;
    padding-top: 10vmin;
}

.titulo_datos{
    font-size: 7vmin;
    margin: 6vmin;
    text-align: center;
    color: rgb(170, 9, 108);
}

.texto_datos{
    color: rgb(170, 9, 108);
    font-size: 3vmin;
    padding-top: 3vmax;
    padding-bottom: 3vmax;
    margin: 6vmin;
    margin-bottom: 5vmax;
    margin-top: 5vmax;
    text-align: justify;
    border-top: 0.2vmax solid rgb(170, 9, 108);
    border-bottom: 0.2vmax solid rgb(170, 9, 108);
}

.linkcosas{
    color: rgb(170, 9, 108);
}
.linkig{
    color: rgb(170, 9, 108);
}
.linkspoty{
    color: rgb(170, 9, 108);
}

/*Cierre seccion3 (sobre mi)*/

/*Comienzo seccion4 (expectativas)*/

.seccion4{
    align-items: center;
    padding-top: 10vmin;
}

.titulo_expectativas{
    font-size: 7vmin;
    margin: 6vmin;
    text-align: center;
    color: rgb(170, 9, 108);
}

.texto_expectativas{
    color: rgb(170, 9, 108);
    font-size: 3vmin;
    padding-top: 3vmax;
    padding-bottom: 3vmax;
    margin: 6vmin;
    margin-bottom: 5vmax;
    margin-top: 5vmax;
    text-align: justify;
    border-top: 0.2vmax solid rgb(170, 9, 108);
    border-bottom: 0.2vmax solid rgb(170, 9, 108);
}

.img_expectativas{
    width: 91vmin;
    height: 46vmin;
    display: block;
    margin: auto;
    margin-top: 5vmax;
    margin-bottom: 5vmax;
}

/*Cierre seccion4 (expectativas)*/

/*botones para volver*/

.myButton {
	background-color:rgb(170, 9, 108);
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:3vmin;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background-color:#ffffff;
}
.myButton:active {
	position:relative;
	top:1px;
}


/*botones para volver*/

/*Cierre formato de la página*/