/* Custom Styling */

:root{
        --back: Salmon;
        --text: SeaShell;
        --link: Navy;
        --code: SeaGreen;
        --mute: Grey;
}

/* Menu Styling */

nav li a,
nav li a:visited {
	background: var(--link);
	color: var(--back);
	padding: 0.2rem 0.5rem;
}

nav li a:hover {
	text-decoration: none;
	background: var(--text);
}

/* --- Gallery --- */

/* Turn off grid, and show each image full width */
.gallery {
	display: block; 
}
.gallery a img, .grid-view a img {
    width: 100%;
    aspect-ratio: initial; 
    /* object-fit: cover; */
    border: thin solid var(--edge);
}

main {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}