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

.bailey-good {
    background-image: url(../images/backgrounds/bailey-good-ending.png);
    background-position: center left;
    background-size: auto 100%;
}

.bailey-bad {
    background-image: url(../images/backgrounds/bailey-bad-ending.png);
    background-position: center left;
    background-size: auto 100%;
}

.patricia-good {
    background-image: url(../images/backgrounds/patricia-good-ending.png);
    background-position: center left;
    background-size: auto 100%;
}

.patricia-bad {
    background-image: url(../images/backgrounds/patricia-bad-ending.png);
    background-position: center left;
    background-size: auto 100%;
}

.extra-large {
    width: 400px;
    height: auto;
    text-align: center;
    display: flex;
    font-family: var(--extra-bold);
    font-size: 85px;
    color: white;
}

.line62 .speechbubble,
.line63 .speechbubble,
.line64 .speechbubble,
.line65 .speechbubble,
.line66 .speechbubble,
.line67 .speechbubble {
    position: relative;
    bottom: 350px;
    left: 300px;
}

.line62 .position-phone,
.line63 .position-phone,
.line64 .position-phone,
.line65 .position-phone,
.line66 .position-phone,
.line67 .position-phone {
    position: relative;
    left: 375px;
}

.few-hrs {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.few-hrs .continue {
    left: 0;
    font-size: x-large;
    color: white;
}

.meet-bailey1 .marty,
.meet-bailey2 .marty,
.meet-patricia1 .marty,
.meet-patricia2 .marty {
    position: relative;
    top: 250px;
    left: 10px;
    margin: auto 20px;
    height: 800px;
    width: auto;
}

.meet-bailey1 .speechbubble,
.meet-bailey2 .speechbubble,
.meet-patricia1 .speechbubble,
.meet-patricia2 .speechbubble {
    position: relative;
    bottom: 700px;
    left: 550px;
}

.meet-bailey3 .speechbubble,
.meet-patricia3 .speechbubble,
.final-msg1 .speechbubble,
.final-msg3 .speechbubble {
    position: relative;
    top: 350px;
    left: 300px;
}

.ending1 .speechbubble,
.ending2 .speechbubble,
.ending3 .speechbubble,
.ending4 .speechbubble,
.ending5 .speechbubble,
.ending6 .speechbubble {
    position: relative;
    top: 700px;
    left: 580px;
}

.ending4 .speechbubble .continue {
    top: 60px;
}

.patricia-park .ending2 .speechbubble .continue,
.patricia-park .ending5 .speechbubble .continue,
.patricia-park .ending3 .speechbubble .continue,
.bailey-restaurant .ending2 .speechbubble .continue,
.bailey-restaurant .ending3 .speechbubble .continue,
.bailey-restaurant .ending4 .speechbubble .continue,
.bailey-restaurant .ending5 .speechbubble .continue {
    top: 60px;
}

.final-msg2 .speechbubble {
    position: relative;
    top: 200px;
    left: 300px;
}

.final-choice {
    position: relative;
    margin: auto;
    top: 500px;
    left: 300px;
}

.pooch-logo {
    width: fit-content;
    height: fit-content;
    position: relative;
    top: 350px;
    left: 500px;
}

.pooch-logo img {
    width: 250px;
    height: auto;
}