.person-main {
    @media (min-width: 700px) {
        .image-and-tags {
            display: flex;
            gap: 1rem;
            flex-direction: row;

            .left {
                flex: auto;
            }
            .right {
                flex: 2 0.5 auto;
            }
            
            .right h4:first-of-type {
                margin-top: 0;
            }
        }
    }
    
    .left {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #tooltip-modal {
        z-index: 1;
    }

    .person-image-template {
        width: 100%;
        height: auto;
        object-fit: cover;
        box-shadow: inset 0 40px 30px -30px #555555;
    }
    .tag-container, .personality-container {
        /* margin: 0; */
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }  
    
    li.stat-item {
        list-style: none;
    }
    h4 {
        margin-bottom: 7px;
        margin-top: 15px;
    }
    
    button.tooltip-button {
          font-family: "IBMPlexSans", sans-serif;
        font-weight: bold;
        font-size: 0.9em;
        width: fit-content;
        border-radius: 20px;
        padding: 8px 15px;
        margin: 0 0;
        display: block;
        background-color: var(--accent-pink);
        border: none;
        text-decoration: none;
        
        /* font-weight: bold; */
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        
        &:hover, &:active, &:focus {
            box-shadow: inset 0 6px 12px rgba(0,0,0,0.2);
        }
    }
    button.tooltip-button.tag{
        background-color: var(--accent-blue);
        color: #fff;
    }
    button.tooltip-button.personality{
        background-color: var(--accent-yellow);
        color: #000;
    }
    button.tooltip-button.relationship{
        background-color: var(--accent-pink);
        color: #fff;
    }

    .about {  
        border: 2px solid var(--accent-pink);
        background-color: #ffffff65;
        padding: 15px;
        border-radius: 8px;
        /* text-align: center; */
    }
}