.fondopink {
    background-image: linear-gradient(to right, #ff69b4, #800080);
}
.fondotext {
    background-color: #e83e8dbd; /* Pink-500 color code */
    border-color: #ffc8e2bd; /* Border color same as background for consistency */
   
    padding: 1rem;
}
.fondotext a{
text-decoration: none;
color: aliceblue;
}
.fondotext a:hover{
    text-decoration: none;
    color: aliceblue;
}
html{
    background-color: aliceblue;
    padding: 0%;
    margin: 0%;
}
.profilesobremi{
    /* Utilizamos linear-gradient() para crear un gradiente de color */
    background-image: linear-gradient(to right, #ff69b4, #800080);
    width: 50%;
    height: auto;
    padding-left: 1%;
    padding-right: 1%;
    border-radius: 20px; 
    display: block;
    /* Para centrar la imagen horizontalmente */
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}
.imgsobremiprincipal{
    width: 100%;
    height: auto;
     /* Asegura que la imagen sea mostrada como bloque */
     display: block;
     /* Para centrar la imagen horizontalmente */
     margin-left: auto;
     margin-right: auto
}
.imgsobremi{
    width: 80%;
    height: auto;
    margin: 1rem;
}