:root {
	scrollbar-color:#AA0000 white;
	scrollbar-width:thin;
}
::-webkit-scrollbar {width:6px;} ::-webkit-scrollbar-thumb{background:#AA0000;} ::-webkit-scrollbar-track{background:white;} ::-webkit-scrollbar-thumb:hover{background:#AA0000;}

body {
	animation-name:FadeIn; animation-duration:0.6s; animation-fill-mode:forwards;
	background-color:#FFFFFF;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	overflow:auto;
	color:#000000;
	text-align:center;
	padding:0px;
	font-family:Quicksand, Arial, sans-serif;
	margin:0px;
	user-select:none;
}

p {
	font-size:1.25em;
}

@keyframes FadeIn {from{opacity:0%;} to {opacity:100%;}}
@keyframes FadeOut {from{opacity:100%;} to {opacity:0%;}}
@keyframes ShadowPop {from {box-shadow: none; /*transform:none;*/} to {box-shadow:5px 3px 5px 0px rgba(0,0,0,0.4); /*transform:rotate(-0.5deg);*/}}

a:link {text-decoration:none; color:inherit;} a:visited {text-decoration:none; color:inherit;} a:hover {text-decoration:none; color:inherit;} a:active {text-decoration:none; color:inherit;} 

#titlebar {
	max-width:100%;
	height:50px;
	padding:2px 10px 2px 10px;
	text-align:right;
	margin-bottom:55px;
}

#mob_nav_panel {
	display:none;
}

.navbutton {
	max-height:100%;
	margin: auto 2px auto 2px;
	vertical-align:middle;
}

#logo {
	max-height:200%;
	float:left;
	margin:7px 0px 0px 10px;
}

.row {
	padding: 0px 5vw 0px 5vw;
}

.vspacer {
	height:60px;
}

.photo {
	max-height:60vh;
	margin:30px 5px 30px 5px;
	vertical-align:middle;
}

.photo:hover{
	animation-name:ShadowPop; animation-duration:2s; animation-direction:normal; animation-fill-mode:forwards;
}

.double {
	max-width:30vw;
	max-height:calc(40vw/1.5);
}

.triple {
	max-width:28vw;
	max-height:calc(28vw/1.5);
}

.spaced {
	margin-left:50px; margin-right:50px;
}

.textContainer {
	text-align:justify; margin:0px 15%;
}

#lightbox {
	display:flex; justify-content:center; align-items:center;
	visibility:hidden;
	position:fixed; left:0px; top:0px;
	width:100vw; height:100vh;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
}
.LBIn {animation-name:FadeIn; animation-duration:0.6s; animation-fill-mode:forwards;}
.LBOut {animation-name:FadeOut; animation-duration:0.6s; animation-fill-mode:forwards;}

#loupe {
	max-width:80%; max-height:90%;
}

#closebutton {
	width:2em; height:2em;
	position:fixed; left:calc(100% - 2.5em); top:0.5em;
}