@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(./open-sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('./open-sans-semibold.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}
a {
	text-decoration: none;
	color: rgb(0, 0, 238);		/* set color so it doesn't change when visited */
}
a:hover {
	text-decoration: underline;
}

ul li:not(:last-child) {
	/* Add margins between li's since that's how I split up paragraphs */
	margin-bottom: 0.5em;
}

@media screen {
	body {
		background-color: #0D47A1;
		margin: 32px 0px;
	}
	#content {
		box-sizing: border-box;
		padding: 0.5in;
		max-width: 8.5in;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	}
	/* Using 'mobile' max-width from bulma.io */
	@media (max-width: 768px) {
		body {
			margin: 0;
			background-color: white;
		}
		#content {
			padding: 16px;
		}
	}
}
@page {
	/* Make desired print margins explicit, hiding default margins containing
	   file name https://stackoverflow.com/a/46368450 */
	margin: 0.25in;
}
#education {
	/* should match print h2 settings */
	margin: 0.5em 0;
}
@media print {
	/* Carefully tuned margins so everything fits on one page when printing.
	   Can't wait to support this maintenance nightmare */
	#text-education p {
		margin: 0.25em 0;
		font-size: 0.9em;
	}
	ul {
		margin: 0;
	}
	h3 {
		margin-top: 0.5em;
	}
	h2 {
		margin: 0.5em 0;
	}
	.experience_date p {
		margin-bottom: 0.5em;
	}
}

.hide-heading > h1,
.hide-heading > h2,
.hide-heading > h3,
.hide-heading > h4 {
	/* Hide heading of blocks with hide-heading css class*/
	display: none;
}
.HEADER {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
}

.HEADER p {
	margin: 0px;
}
.HEADER .name {
	font-size: 2.7em;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.experience_date {
	/* I feel disgusting for doing this, but I am still relying on the default
	   header margins and this gets rid of that */
	margin-top: -20px;
	color: #757575;
	font-size: 0.9em;
}