@charset "ISO-8859-1";

:root {
	--main-bg-color: #CCC;
	--main-font-size: 1.2em;
	--button-font-size: 1.5em;
	--main-font-family: Verdana, Geneva, Tahoma, sans-serif;
	--main-rgba: rgba(200, 255, 255, 0.5);
	--linear_gradient_portrait_1: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("Evelyn_on_beach_1080x1920.jpg");
	--linear_gradient_landscape_1: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("Evelyn_on_beach_1920x950.jpg");
	--linear_gradient_landscape_2: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("Evelyn_on_beach_1920x700.jpg");
}

#frame {
	margin: 5%;
}

p {
	font-family: var(--main-font-family);
}

.slanted {
	font-style: italic;
}

/* unvisited link */
a:link {
	color: darkblue;
}

/* visited link */
a:visited {
	color: dodgerblue;
}

body {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color: #C0A989;
}

@media screen and (orientation:portrait) {
	body {
		background-image: var(--linear_gradient_portrait_1);
	}
}

@media screen and (orientation:landscape) and (max-width: 4000px) {
	body {
		background-image: var(--linear_gradient_landscape_1);
	}
}

@media screen and (orientation:landscape) and (max-width: 800px) {
	body {
		background-image: var(--linear_gradient_landscape_2);
	}
}