#user_profile_container {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 20px;
    color: #333;
    display: flex;
    justify-content: center;
}

#user_profile_wrap{
    width: 70%;
    padding: 1rem;
    background-color: white;
    background-blend-mode: normal;
    box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.5);
}

section{
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
}

section img{
    align-self: center;
    width: 50%;
}

h1,
h3 {
    color: #0056b3;
}

ul {
    margin-left: 20px;
}


@media only screen and (max-width: 774px) {
    #user_profile_wrap{
        width: 90%;
    }

    h1{
        font-size: x-large;
    }

    h2{
        font-size: larger;
    }

    section img{
        width: 95%;
    }
}