body, html {
	font-family: 'Lato', sans-serif;
}

body, html, #main-page {
  height: 100%;
}

#main-page {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

h1 {
	font-size: 36px;
}

h4 {
	font-size:14px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-weight: bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.2em;
  margin-bottom: 20px;
  margin-top: 45px;
}

a {
	text-decoration: none !important;
	color: #3498db !important;
	font-weight: bolder;
}
a:hover {
	color:gray !important;
	text-decoration: none !important;
}

.center-row {
	text-align: center;
}

.icon-row {
	margin-top:0px;
  margin-bottom:10px;
}

.button {
	margin-left:5px;
	margin-right:5px;
	font-size:20px !important;
}

#github-link:hover {
	opacity: 0.4;
}

#email-link:hover {
  opacity:0.4;
}

#medium-link:hover {
	opacity: 0.4;
}

.padding-vertical {
  margin-top:50px;
  margin-bottom:50px;
}