#logo {
    font-family: inherit;
    font-size: 1.2em;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

a#logo:link, a#logo:visited {
    color: #000000 !important;
}

a:link, a:visited {
    text-decoration: none !important;
}

.content-space-between {
    display: flex; 
    justify-content: space-between;
}

.message-body {
    color: #000;
    box-decoration-break: clone;
    max-width: 60%;
    border-radius: 1pt;
    display: inline-block;
    margin-left: 1em;
    margin-right: 1em;
}

.message-body.theirs {
    background-color: #f0f8ff;
    box-shadow: -10px 0px 0 7px #f0f8ff, 10px 0px 0 7px #f0f8ff, 0 0 0 7px #f0f8ff;
}

.message-body.ours {
    background-color: #d0f0c0;
    box-shadow: -10px 0px 0 7px #d0f0c0, 10px 0px 0 7px #d0f0c0, 0 0 0 7px #d0f0c0;
}

.message-body.invite {
    background-color: #fcdd76;
    box-shadow: -10px 0px 0 7px #fcdd76, 10px 0px 0 7px #fcdd76, 0 0 0 7px #fcdd76;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.company_cover {
    object-fit: cover;
    width: 100%;
    max-height: 150pt;
}