body {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    font-family: 'quattrocento_sansregular';
    color: #123;
}

@font-face {
    font-family: 'quattrocento_sansregular';
    src: url('/fonts/quattrocentosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#gallery {
    width: 90%;
    margin: 3em auto;
}
.gallery-link {
    width: 60%;
    margin: 3em auto;
}
.gallery-link img {
    width: 100%;
}
.gallery-link h2 {
    margin-top: 0.5em;
    margin-bottom: 4em;
}
h1, h2 {
    text-align: center;
    font-weight: normal;
    margin: 2em;
}
h1 { 
    text-transform: lowercase;
    font-size: 20pt;
}
h2 { font-size: 16pt; }

a {
    text-decoration: none;
    color: #234;
}

hr {
    width: 120%;
    margin-left: -10%;
    border: none;
    border-top: 1px solid #999;
}

/* Adjust for narrow screens */
@media (max-width: 800px) and (min-resolution: 150dpi) {
    .gallery-link {
        width: 90%;
        margin: 3em auto;
    }
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #2e2a2c;
		color: #eeeeee;
	}

	a {
	    color: #eef;
	}

	a:visited {
	    color: #eef;
	}

}