* {
	box-sizing: border-box;
	justify-content: center;
}

p {
	font-size: .875em;
	font-family: "Arial";
}

.header {
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
	margin: auto;
	margin: 0px 0px 0px 0px;
}

.banner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	margin: auto;
	padding: 15px 0px 20px 0px;
}

.one-column-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.one-row-container {
	display: flex;
	flex-flow: row nowrap;
}

#banner-icons {
	align-content: space-between;
	align-items: center;
	justify-content: center;
	margin: 7px 0px 0px 0px;
}

#banner-icons::before, #banner-icons::after {
  flex: 1;
  content: '';
  padding: 1px;
  background-color: lightgrey;
}

.icon {
	margin: 0px 4px 0px 4px;
} 

.title {
	font-size: 2.25em;
	font-family: "Sarabun";
	font-weight: 500;
	display: inline-block;
}

a.hidden-link {
	color: black;
	text-decoration: none;
}

#selfie {
	border-radius: 50%;
	margin: 0px 20px 0px 0px;
}

.navbar {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

.navbar-button {
	padding: 1% 5%;
	text-align: center;
	font-size: 1.25em;
}

a.navbar-button {
	color: black;
	text-decoration: none;
}

.content {
	max-width: 1000px;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
	font-size: 1.2em;
}