@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lNaKRMkK4q06VE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
}

@media (prefers-color-scheme: dark) {
	html {
		background: #1A1A1A;
		color: #E6E6E6;
	}
}

body {
	font-family: 'Heebo', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 700;
	font-size: calc(1.25em + 2vw);
	line-height: calc(1.25em + 1vw);
	margin: 0;
	padding: 0;
}
main {
	display: flex;
	min-height: 100vh;
	max-width: 40em;
	margin: auto;
	box-sizing: border-box;
}
@media only screen and (max-width: 30em) {
	main {

	}
}

article {
	padding: 10vw;
}
article p {
	margin: 0 0 1em;
}
article p:last-child {
	margin: 0;
}
article p a {
	text-decoration: none;
}

.accent-text {
  color: #696969; 
  font-family: "Circular Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2vh;
  font-weight: 700;
  /* text-transform: uppercase; */
}

 /* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.7;
}

.fa-envelope-o {
  background: #1c6b2e;
  color: white;
}

.fa-hdd-o {
  background: #4287f5;
  color: white;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-instagram {
  background: #c13584;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.hometown {
  bottom: 24px;
  position: absolute;
  right: 5vw;
}

.year {
  top: 6vh;
  position: absolute;
  right: 5vw;
}