@media (min-width: 800px) {
    body {
        margin: 0;
        overflow-y: hidden;
    }

    header,
    footer {
        height: 2.5rem;
        align-items: center;
        justify-content: space-between;
        padding: 0 1rem;
    }

    header {
        border-bottom: 2px solid var(--accent);
    }

    header h1,
    header button {
        margin: 0;
    }

    footer {
        justify-content: space-between;
    }

    footer ul {
        display: flex;
        column-gap: 1.5rem;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    footer ul li {
        padding: 0;
        margin: 0;

    }

    .theme-switcher {
        display: flex;
    }

    .theme-switcher h2 {
        display: none;
    }

    #rows {
        display: flex;
    }

    #rows section {
        width: 25vw;
        max-height: calc((100vh - 5rem) - 2px);
        align-items: stretch;
        overflow-y: scroll;
    }

    #rows section {
        border-right: 2px solid var(--accent);
        padding: 0rem;
        border-bottom: none;
    }

    #rows section:last-child {
        border-right: none;
    }

    #rows section h2 {
        background-color: var(--background);
        padding: 0.5rem;
        margin: 0;
        border-bottom: 2px solid var(--accent);
        text-align: center;
        position: sticky;
        top: 0;
    }

    img {
        height: 100%;
        width: 100%;
    }

    #page {
        width: min(90%, 650px);
        margin: 1rem auto;
    }

    #journal ul {
        list-style-type: none;
        padding: 0;
        margin: 0;

    }

    #journal ul li {
        margin: 0;
        padding: 1rem;
        border-bottom: 2px solid var(--accent);
    }

    #scrapbook article {
        border-bottom: 2px solid var(--accent);
    }

    #journal ul li:last-child, #scrapbook article:last-child {
        border-bottom: none;
    }

    #cells .section-body,
    #intro .section-body {
        padding: 0 0.5rem;
    }

    #scrapbook article {
        padding: 1rem;
        margin: 0;
        border-bottom: 2px solid var(--accent);
    }

    footer img {
        height: 31px;
        width: 88px;
    }

    #page #scrapbook article {
        border: 2px solid var(--accent);
        margin-bottom: 1rem;
    }

    main {
        height: calc((100vh - 5rem) - 2px);
        overflow-x: hidden;
        overflow-y: scroll;
    }
}