/* === Custom Styling === */

/* Get borders on all elements for debugging */
/*
* {border: thin solid #f0f; }
*/

/*
Look up colors on eg.
https://www.w3schools.com/colors/colors_hex.asp
*/

:root{
        --back: gold;
        --text: darkred;
        --link: darkred;
        --code: darkred;
        --mute: black;
        --edge: white;
}

/* Change the side of sidebar */
/*
:root {
  --siderbar-width: 250px;
}
/*

/* Menu Styling with colored boxes */
/*
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.*/

main .gallery {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

main .gallery a img {
    object-fit: initial;
    aspect-ratio: initial;
}