.scene2 {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(var(--light-pink), #FCDAF1,
            #F49FD8, var(--dark-pink));
    background-position: center;
    background-size: auto 100%;
}

.line31 .marty,
.line33 .marty,
.line34 .marty,
.line35 .marty {
    position: relative;
    top: 250px;
    left: 100px;
    margin: auto 20px;
    height: 800px;
    width: auto;
}

.line34 .marty {
    transform: scaleX(-1);
}

.line31 .speechbubble,
.line33 .speechbubble,
.line34 .speechbubble {
    position: relative;
    z-index: 1;
    bottom: 750px;
    left: 550px;
}

.line35 .speechbubble,
.line36 .speechbubble {
    position: relative;
    bottom: 600px;
    left: 300px;
}

.line35 .continue {
    top: 65px;
}

.line36 .continue {
    left: 300px;
}

.profile-fit {
    width: fit-content;
    height: fit-content;
}

.bailey-profile {
    position: relative;
    width: fit-content;
    top: 25px;
    left: 70px;
}

.patricia-profile {
    position: relative;
    width: fit-content;
    bottom: 635px;
    left: 700px;
}



/* Profiles Design*/

.profile {
    background-color: var(--light-pink);
    border: 5px solid var(--pink-purple);
    box-shadow: 10px 10px var(--pink-purple);
    width: 500px;
    height: 650px;
    text-align: center;
    color: var(--pink-purple);
    transition: all 0.5s;
    margin: auto;
}

.line36 .profile:hover {
    background-color: var(--dark-pink);
    color: white;
    border: 5px solid white;
    box-shadow: 10px 10px white;
    transition: all 0.5s;

}


.profile .bold-i {
    font-weight: bold;
    font-size: x-large;
}

.profile .pfp {
    width: auto;
    height: 210px;
    margin: 35px auto 20px;
    border-radius: 50px;
}

.profile .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 5px solid var(--pink-purple);
    margin: 0 20px 20px;
    padding-top: 10px;
}

.profile li {
    margin: 30px auto;
    list-style-type: none;
}

.profile .text-bubble {
    display: flex;
    flex-direction: row;
    background-color: white;
    color: var(--pale-purple);
    border: 5px solid var(--pink-purple);
    border-radius: 25px;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    padding: 5px 10px;
    transition: all 0.5s;
}

.line36 .profile .text-bubble:hover {
    background-color: var(--dark-pink);
    border: 5px solid white;
    color: white;
}