#about_us_popup{
    background: white;
    border-radius: var(--m_gap);
    box-shadow: var(--shadow);
    box-sizing: border-box;
    display: grid;
    grid-auto-rows: min-content;
    grid-gap: var(--l_gap);
    height: 90vh;
    max-width: 1000px;
    margin: 20px;
    overflow-y: scroll;
    padding: var(--xl_gap)}
#about_us_popup.off{
    display: none}
    #about_us_popup > .header{
        align-items: center;
        display: grid;
        grid-template-areas: "a"}
        #about_us_popup > .header > *{
            grid-area: a}
        #about_us_popup > .header > .round_button{
            justify-self:end}
    #about_us_popup h1,
    #about_us_popup h2, 
    #about_us_popup h3{
        color: var(--green_1);
        text-align: center}
    #about_us_popup img{
        justify-self: center;
        border-radius: var(--m_gap);
        height: 200px;
        max-width: 800px;
        object-fit: cover;
        width: 100%;}
    #about_us_popup .paragraph,
    #about_us_popup .paragraph{
        line-height: 1.6;
        text-align: justify}
    #about_us_popup .founders{
        display: grid;
        grid-auto-rows: min-content;
        grid-gap: var(--xl_gap)}
        #about_us_popup .founder{
            padding: var(--m_gap);
            background: var(--green_4);
            border-left: 5px solid var(--green_1)}