.entry  {
    border: 10px solid var(--color-entry-open);
    border-style: none none none solid;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 1rem;
    background-color: var(--color-light-grey);
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 0.75rem 0.75rem 0.75rem 0.75rem;
    box-shadow: 1px 1px 3px 1px var(--color-shadow);

    img, #map{
        margin-bottom:1rem;
        border-radius: var(--border-radius);
        max-width: 100%;
        max-height: 25rem;
    }
    a{
        background: var(--color-button);
        padding: 1rem;
        border-radius: var(--border-radius);
        flex:1;
    }
}

#map{
    height: var(--map-height);

}

.grid-card{
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;

    img{
        max-width: 100%;
        max-height: 10rem;
        justify-self:left;
        align-self: center;
    }
}


.s0 {
    border-color: var(--color-entry-open);
}

.s1 {
    border-color: var(--color-entry-in-progress);
}

.s2 {
    border-color: var(--color-entry-finished);
}

.s3 {
    border-color:var(--color-archived);
}