/* ######## microformats ######## */
.h-card {
    display: none;
}

main {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    #column-left,
    #homepageStatus {
        /* max-width: 35rem; */
        max-width: 62%;
    }
    #column-right {
        /* max-width: 18rem; */
        max-width: 28%;
    }
}

@media screen and (min-width: 1125px) {
    #column-left,
    #homepageStatus {
        /* max-width: 35rem; */
        max-width: 60%;
    }
    #column-right {
        /* max-width: 18rem; */
        max-width: 30%;
    }
}

#homepageStatus {
    margin-top: 0;
}

/* #column-left article {
    margin-top: 48px;
    margin-bottom: 48px;
    & h3 {
        margin-bottom: 40px;
    }
} */

#about-p {
    font-size: 1.5em;
}
#about-name {
    color: var(--accent-med-light);
    /* color: var(--accent-light); */
}

article {
    margin: 56px 0;
}
#recentItems {
    margin-top: 56px;
}
@media screen and (min-width: 660px) {
    article {
        margin: 72px 0;
    }
    #recentItems {
        margin-top: 72px;
    }
}

/* #recentContainer {
    display: grid;
    grid-template-rows: 20px auto 20px;
    grid-template-columns: 20px auto 20px;
    margin-bottom: 8px;
}
#recentImg {
    border-radius: 8px;
    grid-area: 1 / 1 / 3 / 3;
    background: url("/media/map_duochrome_1775x425_1.png");
}
#recentItems {
    padding: 16px 20px;
    border: 1px solid var(--accent-dark);
    border-radius: 8px;
    grid-area: 2 / 2 / 4 /4;
    background-color: var(--bg-dark);
} */

/* #recentItems section {
    margin-top: 16px;
    margin-bottom: 16px;
} */

.gridVideoWrapper {
    max-width: 512px;
}
article img {
    margin-top: 24px;
    max-width: 100%;
}
#oxalis_2 {
    aspect-ratio: 1;
}