/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wdth,wght@100,600&display=swap');

/* CSS Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
	font-family: "Archivo", sans-serif;
	background-color: #470061;
	color: #FAEB92;
	margin: 4px auto;
	padding: 8px;
	max-width: 1200px;
	width: 80%
}
h1, h2, h3, a {
	font-family: "Archivo Black", sans-serif;
	letter-spacing: .06rem;
}
header {
	border: 3px solid black;
	text-align: center;
	background-color: #333;
	margin: 0 auto;
	box-shadow: 4px 4px 4px 4px #304;
	font-size: 16pt;
	border-radius: 10px;
	padding: 5px 10px;
}
.section1 img {
	width: 200px;
	height: auto;
	margin-left: 20px;
	box-shadow: 4px 4px 4px 4px #304;
	border-radius: 10px;
	border: 3px solid black;
}
.section1 {
	display: flex;
	margin: 20px auto;
	justify-content: space-between;
}
.section1 p {
	background-color: #334;
	padding: 20px;
	border: 3px solid #b97704;
	border-radius: 10px;
	max-width: 900px;
	box-shadow: 4px 4px 4px 4px #304;
	font-size: 1.2rem;
	line-height: 1.7rem;
	word-spacing: .35rem;
}
.content {
	background-color: #334;
	padding: 30px;
	border: 3px solid #b97704;
	border-radius: 10px;
	margin: 10px auto;
	box-shadow: 4px 4px 4px 4px #304;
}
.content p {
	letter-spacing: .03em;
	line-height: 1.5;
	word-spacing: .1em;
}
.gallery {
	display: flex;
	margin: 10px auto;
	justify-content: space-between;
}
.gallery img {
	width: 48%;
	box-shadow: 4px 4px 4px 4px #304;
	border-radius: 10px;
	border: 3px solid black;
}
header span {
	display: inline-block;
	color: #b89;
	font-size: 16pt;
	margin: 10px auto;
}
a {
	color: #ca3;
	text-decoration: none;
}
h1, h2 {
	text-align: center;
}
main {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
}
main section {
	border: 3px solid #b97704;
	flex: 0 0 49%;
	padding: 10px;
	border-radius: 10px;
	background-color: #334;
	max-width: 500px;
}
main nav a, #hobbies li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16;
	display: inline-block;
	padding: 8px 12px;
}
main nav a:hover, #hobbies li a:hover {
	color: #fbc86f;
}
#hobbies ul, nav {
	list-style-type: none;
	text-align: center;
}
#hobbies, #activities {
	box-shadow: 4px 4px 4px 4px #304;
}
footer {
	margin: 0 auto;
	margin-top: 20px;
	padding: 5px 0;
	border: 3px solid black;
	border-radius: 10px;
	background-color: #333;
	text-align: center;
	box-shadow: 4px 4px 4px 4px #304;
}