@font-face {
	font-family: 'Quicksand_Bold';
	src: url("../fonts/quicksand/Quicksand_Bold.ttf")
}

@font-face {
	font-family: 'Quicksand_Book';
	src: url("../fonts/quicksand/Quicksand_Book.ttf");
}

@font-face {
	font-family: 'Quicksand_Light';
	src: url("../fonts/quicksand/Quicksand_Light.ttf")
}

@font-face {
	font-family: 'Assistant Light';
	src: url("../fonts/assistant/Assistant-Light.ttf")
}

@font-face {
	font-family: 'Assistant Regular';
	src: url("../fonts/assistant/Assistant-Regular.ttf")
}

@font-face {
	font-family: 'Assistant Bold';
	src: url("../fonts/assistant/Assistant-Bold.ttf")
}

* {
	box-sizing: border-box;
	margin: 0;
	font-family: "Quicksand_Bold";
}

body {
	background-color: lightblue;
}

#logotitle {
	display: flex;
	justify-content: space-between;
}

#headerlogo {
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
}

.logo {
	height: 3.2rem;
}

#subtitle {
	font-family: 'Quicksand_Book';
}

#topbar {
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	background-color: cornflowerblue;
	color: navy;
	border-bottom: 5px solid goldenrod;
	padding: 10px 40px;
}

#maintitle {
	padding: 0 0 0 15px;
	margin-bottom: -5px;
}

#buttons {
	display:flex;
}

.toplink {
	padding:10px;
	padding-top: 0;
	padding-bottom: 0;
	border-left: 1px solid goldenrod; 
	border-right: 1px solid goldenrod;
	
}

.firstlink {
	border-left: 2px solid goldenrod;
}

.lastlink {
	border-right: 2px solid goldenrod;
}

#intro {
	padding-left: 25px;
	padding-top: 15px;
	font-family: 'Assistant Bold';
	color: #0F0E33;
}

a {
	font-family: "Quicksand_Bold";
	color: navy;	
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#maincontent {
	display: flex;
	padding: 12pt;
}

#portrait {
	width: 30%;
}

#photo {
	width: 100%;
}

#pagetext {
	padding: 12pt;
	max-width: 800px;
}

ol li {
	padding: 12pt;
}

#cvcontent {
	padding: 12pt;
	max-width: 1000px;
}

.cvheading {
	padding-bottom: 10pt;
}

li {
	padding-bottom: 10pt;
}

.nameref {
	text-decoration: underline;
}

.plain {
	font-size: 12pt;
	font-style: normal;
	font-family: 'Assistant Regular';
	padding-top: 12pt;
	padding-left: 6pt;
}

.embolden {
	font-family: 'Assistant Bold';
	font-style: normal;
}

.blocktext {
	max-width: 700px;
}