body {
		background-image: url("background.jpg");
		background-attachment: fixed;
	font-family: Helvetica, Verdana;
	line-height: 1.25;
	margin-left: 20px;
	cursor: url('yellow.png'), auto;
}

img{
	border-radius: 8px;
	box-shadow: -6px 6px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.flex-container{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.box{
	flex: 1;
	min-width; 250px;
}

.header {
	height: auto;
	width: 100%;
	background-color: #DAA520;
	opacity: 0.90;
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 450px auto;
	padding: 10px;
	box-shadow: -6px 6px;
	border-radius: 8px;
	cursor: url('yellow.png'), auto;
	h1 {
		font-family: Georgia, Garamond;
		font-size: 65px;
		color: #FCFBF4;
		text-shadow: -3px 3px #351E10;
		background-color: #DAA520;
		margin-left: 30px;
		margin-top: 40px;
		margin-bottom: 10px;
		text-align: left;
	}
	p {
		font-size: 20px;
		color: #351E10;
		background-color: #DAA520;
		margin-left: 30px;
		text-align: left;
		font-weight: 550;
		line-height: 1.5
	}
}
.topnav {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 1fr 1fr 1fr;
	text-align: center;
	font-size: 25px;
	column-gap: 10px;
	padding: 10px;

}
.footer {
	height:50px;
	width: 100%;
	background-color: #DAA520;
	opacity: 0.90;
	margin-top: 20px;
	text-align: center;
	border-radius: 8px;
	p {
		font-family: Georgia, Garamond;
		font size: 20px;
		font-weight: bold;
		color: #351E10;
		background-color: #DAA520;
		padding: 20px;
	}
}
.button-link {
	display: inline-block;
	padding: 10px 20px;
	background-color: #351E10;
	color: #DAA520;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	margin: 10px;
	border: 3px solid #FCFBF4;
	box-shadow: -3px 3px #29170b;
	border-radius: 8px;
	cursor: url('sparkle.png'), auto;
}
.button-link:hover {
	background-color: #29170b;
	cursor: url('sparkle.png'), auto;
}
h1 {
	font-family: Georgia, Garamond;
	font-size: 50px;
	color: #DAA520;
	text-shadow: -2px 2px #351E10;
	text-align: center;
}
h2 {
	font-family: Georgia, Garamond;
	font-size: 35px;
	color: #FCFBF4;
	text-shadow: -2px 2px #351E10;
	background-color: #DAA520;
	opacity: 0.90;
	text-align: center;
}
h3 {
	font-family: Georgia, Garamond;
	font-size: 25px;
	color: #ba8707;
	text-align: Center;
}
h4 {
	font-family: Georgia, Garamond;
	font-size: 20px;
	color: #351E10;
	text-align: left;
}
p {
	font-size: 20px;
	color: #351E10;
	padding: 10px;
}
ul {
	font-size: 18px;
	color: #351E10;
}

table {
	font-size: 18px;
	color: #351E10;
	cursor: url('yellow.png'), auto;
}
a:link {
	color: #DAA520;
	text-decoration: none;
	font-weight: bold;
	cursor: url('sparkle.png'), auto;
}
a:visited {
	color: #ba8707;
	text-decoration: none;
	cursor: url('yellow.png'), auto;
}
a:hover {
	color: #ba8707;
	text-decoration: none;
	cursor: url('sparkle.png'), auto;
}