body{
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-family: "Ubuntu Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    height: 100vh;
    align-content: center;
    justify-content: center;
}

a {
        text-decoration: none;
    }
a:visited {
        /* color: purple;  */
        text-decoration: none;
    }

/* body h2{
    text-align: center;
} */

.w_button{
    color: rgb(255, 255, 255);
    background: rgba(192, 192, 192, 0.7);
    font-size: larger;
    /* border: 1px solid rgb(255, 255, 255); */
    border-radius: 0.5em;
    padding: 0.5em;
}


#all{
    /* border: 1px solid rgb(111, 0, 255); */
    display: flex;
    flex-wrap: wrap;
    /* flex-basis: auto; */
    justify-content: center;
    align-content: center;
}




/* ------------------------------------------------------------------ */
#user_container{
    /* border: 1px solid rgb(255, 0, 0); */
    display: flex;
    justify-content: center;
}

#user_card{
    /* border: 1px solid rgb(255, 255, 255); */
    color: rgb(255, 255, 255);
    display: flex;

    background-image: url("assets/profile.jpg");
    
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: left;
    width: 370px;
    height: 570px;
    border-radius: 1em;    
    flex-flow: column wrap;
    justify-content: space-between;
    /* box-shadow: 2px 2px 2px 1px rgba(255, 255, 255, 0.08); */
}
#user_card h1{
    padding-left: 10px;
}
#user_data_card {
    padding-left: 10px;
}
/* -------------------------------------------------------------- */

#estilos_container{
    /* border: 1px solid rgb(0, 255, 64); */
    display: flex; 
    /* justify-content: space-evenly; */
    justify-content: space-around;
    align-content: center;
    flex-flow: row wrap; 
    max-width: 100%;
    text-align: center;
}

/* h2{
    flex-grow: 1;
    width: 100%;
} */

.gallery img{
    /* width: 100px; */
    margin: 7px;
    /* min-width: 100px; */
    /* max-width: 300px; */
    width: min(175px, 300px);
    /* width: clamp(100px, 170px, 300px); */
    /* display: block; */
    /* padding: 1em; */
    border-radius: 7px;
    flex: 1;
}

.gallery img:hover {
    /* width: 100px; */
    margin: 7px;
    /* min-width: 100px; */
    /* max-width: 300px; */
    width: min(175px, 300px);
    /* width: clamp(100px, 170px, 300px); */
    /* display: block; */
    /* padding: 1em; */
    border-radius: 7px;
    flex: 1;
    box-shadow: 0px 2px 2px 2px rgba(109, 109, 109, 0.5);
}