/****************************
 *
 * Default Styling
 *
 ****************************/
*,
*:before,
*:after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
}
html,
body {
	height: 100%;
	margin: 0;
}
body {
	position: relative;
	font-family: "Cabin", sans-serif;
}
 /****************************
 *
 * Section
 *
 ****************************/
section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	height: 100%;
	width: 100%;
	background-color: #181818; /* Change the background color, should be the same as #loading-overlay */
	overflow: auto;
	padding: 25px;
}
/****************************
 *
 * Header
 *
 ****************************/
header {
	position: relative;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 100%;
	max-width: 500px;
}
header h1 {
	display: inline-block;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	color: #989898; /* Change the greeting text color */
	font-size: clamp(1.5em, 12vw, 3em);
	font-weight: bold;
	text-align: left;
}
header h2 {
	margin: 0;
	color: #888888; /* Change the date text color */
	font-size: clamp(0.75em, 8vw, 1.5em);
	font-weight: regular;
	text-align: left;
}
header h2 a {
	margin: 0;
	padding: 0;
	color: #E5B75B; /* Change the navigation link text color */
	font-weight: 400;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
}
header h2 a:hover,
header h2 a:focus {
	color: #E0CCA8; /* Change the navigation link text color on hover and focus */
	transition: .5s color ease;
}
/****************************
 *
 * Main
 *
 ****************************/
main nav {
	padding-top: 10px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #383838; /* Change the bottom border color */
	width: 100%; /* Change width and max-width to increase the amount of nav links */
	max-width: 500px; /* Change width and max-width to increase the amount of nav links */
}
main nav:first-child {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #383838; /* Change the top border color */
}
main nav h5 {
	display: inline-block;
	margin: 0;
	padding-right: 5px;
	color: #686868; /* Change the navigation header text color */
	font-size: clamp(0.75em, 6vw, 1.5em);
	font-weight: 400;
	text-transform: lowercase;
	text-align: left;
}
main nav h6 {
	display: inline-block;
	margin: 0;
	padding-right: 5px;
	color: #181818; /* Change the navigation header text color */
	font-size: clamp(0.75em, 6vw, 1.5em);
	font-weight: 400;
	text-transform: lowercase;
	text-align: left;
}
main nav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
main nav ul li {
	display: inline-block;
	padding-top: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	margin: 0;
	text-align: left;
}
main nav ul li a {
	margin: 0;
	padding: 0;
	color: #E5B75B; /* Change the navigation link text color */
	font-size: clamp(0.75em, 6vw, 1.5em);
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	text-transform: lowercase;
}
main nav ul li a:hover,
main nav ul li a:focus {
	color: #E0CCA8; /* Change the navigation link text color on hover and focus */
	transition: .5s color ease;
}
/****************************
 *
 * Footer
 *
 ****************************/
footer {
	position: relative;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 100%; /* Change width and max-width to increase the amount of nav links */
	max-width: 500px; /* Change width and max-width to increase the amount of nav links */
}
footer h3 {
	margin: 0;
	color: #787878; /* Change the time color */
	font-size: clamp(0.75em, 8vw, 1.5em);
	font-weight: bold;
	text-align: right;
}
footer h3 a { /* For subpage back button */
	margin: 0;
	padding: 0;
	color: #E5B75B; /* Change the navigation link text color */
	font-weight: 400;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
}
footer h3 a:hover,
footer h3 a:focus {
	color: #E0CCA8; /* Change the navigation link text color on hover and focus */
	transition: .5s color ease;
}