/*
	Stylesheet for Jack Fisher's personal web site
	@author Jack Fisher
*/

/* Font definitions for headers and body. */
@font-face {
	font-family: fallback;
	src: url("fonts/GaramondNo8/GaramondNo8-Regular.ttf");
}
@font-face {
	font-family: headers;
	src: url("fonts/League-Gothic/LeagueGothic-Regular.otf");
}

@font-face {
	font-family: latex;
	src: url("fonts/cmu/cmunrm.otf");
}

body {
	font-family: "Garamond Premier Pro", Garamond, fallback;
	font-size: 14pt;
	max-width: 700px;
	text-align: justify;
	margin: auto;
	margin-top: 20px;
	padding: 20px;
	color: #2a2a2a;
	line-height: 1.3;

	/* Coat of arms */
	background-color: #eeeeee;
	background-image: url("img/coat_bg.png");
	background-repeat: no-repeat;
	background-position: center 18px;
	background-size: 153px;
}

.video {
	border: 0px;
}

.sc {
	font-variant: small-caps;
}


.videoWrapper  { padding-bottom: 56.25%; /* 16:9 */ }
.resumeWrapper { padding-bottom: 129.411765%; /* 8.5 x 11 */ }

.videoWrapper, .resumeWrapper {
	position: relative;
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe, .resumeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


h1, h2, h3 {
	font-family: headers;
	font-weight: normal;
}

h1 {
	font-size: 56pt;
	text-align: center;
	margin: 0;
}

h2 {
	text-align: center;
	margin-top: -.25em;
	margin-bottom: 0em;
	font-size: 28pt;
}

h3 {
	font-size: 21pt;
	margin-bottom: 0em;
}

blockquote { font-style: italic; }

li { margin-bottom: 7pt; }

a:link, a:visited	{ color: #111111; }
a:hover				{ color: gray; }
a:active			{ color: white; }

#links {
	font-size: 18pt;
	width: 15em;
	margin: -1.25em auto 2.5em auto;
	display: flex;
	justify-content: space-between;
}

#links a {
	text-decoration: none;
}

img { border-radius: 10px; }

#screenshots { text-align: center; }

#screenshots img {
	width: 30%;
	padding: 1% 1% 1% 1%;
}

#photo {
	/*float: left;
	padding-left: 15px;
	padding-top: 20px;*/
/*	position: relative;*/
}

#photo img {
	display: block;
	max-width: 100%;
	max-height: 400px;
	margin: auto;
}

.texhtml {
	font-family: latex, 'CMU Serif', cmr10, LMRoman10-Regular, 'Nimbus Roman No9 L', 'Times New Roman', Times, serif
}