:root {
    --accent-1: #11111e;

    /* font-families */
    font-family: ui-sans-serif, system-ui, sans-serif;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

body {
    margin: 9px 0;
}

main {
    max-width: min(800px, 95%);
    margin: 15px auto;
}

#imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

img {
    max-height: 200px;
    max-width: 100%;
    aspect-ratio: initial;
    border: 3px solid var(--accent-1);
}

footer {
    border-top: 3px solid var(--accent-1);
    margin: 15px 0;
    width: 100%;
    padding: 0 15px;
}