/* === 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: black;
    --text: white;
    --link: tomato;
    --edge: darkgrey;
    --code: lime;
    --mute: green;
}
*/

/* Change the size 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 --- */

/* Change the size of thumbnails */
/*
main .gallery {
    --grid: 300px;
}
*/


/* Turn off grid, and show each image full width */
/*
main .gallery {
    display: initial;
}

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

/* --- Projects overview --- */

/* Tip: Copy CSS from gallery above and change .gallery to .projects */