html, body, h1, h2, h3, h4, ul, ol, li, p, a {
  padding: 0;
  border: 0;
  margin: 0;
}
@font-face { font-family: MyriadPro; src: url('fonts/MyriadPro-Regular.otf'); } 
:root {
  --halconsoftColor1: #37796A;
  --halconsoftColor2: #509447;
  --halconsoftColor3: #8ABD2F;
  --halconsoftColor4: #B9CE0F;
  --halconsoftColor5: #E9F2E2;
}
body {
	font-family: MyriadPro;
	background-color: var(--halconsoftColor5);
}
.header {
	padding: 10px;
	text-align: center;
}
.header-content {
	display: inline-block;
}
.header-logo {
	float: left;
	padding: 10px;
}
.header-logo img {
	width: 128px;
}
.header-text {
	float: left;
	text-align: left;
	padding: 5px 10px 10px 10px;
}
.header-text h1 {
	font-size: 40px;
	font-family: palatino;
}
.header-text ul {
	font-size: 20px;	
}
.header-text li {
	list-style-type: none;
}

.menu-bar {
	border-top   : 3px solid var(--halconsoftColor5);
	border-bottom: 3px solid var(--halconsoftColor5);
	height: 32px;
	background: linear-gradient(var(--halconsoftColor1), var(--halconsoftColor5));
}

.main-container {
	padding: 42px;
	text-align: center;
}
.main-content {
	text-align: center;
}
.linkedin-badge {
	margin: 42px;
	display: inline-block;
	text-align: left;
}