nav {
    width: 33vw;

    & > h3 {
        text-align: center;
        color: var(--font-colour);
    }

    & > p
    {
        margin-top: 0.5em;
        padding-top: 0.5em;
    }

}

.imageLayout {
    text-align: left;
    padding: 0.5em;

    & details {
        margin-top: 0.5em;
        color: lightgrey;
    }
    & details:open {
        color: var(--font-colour);
    }

    & summary:hover {
        cursor: pointer;
    }

    & summary > h3 {
        display: inline;
    }

    & summary > span {
        display: block;
        font-size: 1.17em;
        font-weight: normal;
        margin-left: 0.95em;
    }

    .images {
        margin-left: 1em;
    }
}