html {
    scroll-behavior: smooth;
}

.pa-logo-img-1 {

    display: flex;
    margin: 0 auto;
    margin-bottom: 1rem;

}

.go-back-box-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2rem;
}

.content {
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding-left: 4rem;
    padding-right: 4rem;
}

/* related emotions section */
.relations {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: inherit;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    color: #a9a9a9;
    font-style: italic;
    /*  background-color: lightpink; */
}

.related-emotion-btn {
    background-color: #eeeeee;
    color: #222222;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    font-family: "Playfair Display", Impact, Haettenschweiler, "Arial Narrow Bold",
        sans-serif;
}

.relations a {
    text-decoration: none;
    color: #222222;
    cursor: pointer;
}



/*large ihpones*/
@media only screen and (min-width: 415px) and (max-width: 600px) {
    .content {
        /*     background-color: lightgreen; */
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}


/*standard iphones*/
@media only screen and (min-width: 375px) and (max-width: 415px) {
    .content {
        /*     background-color: lightpink; */

        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}