@import url('https://fonts.googleapis.com/css2?family=Moon+Dance&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
* {
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	background-image: url('../img/floral_bg.png');
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 360px;
	font-size: 20px;
	font-family: 'Open Sans';
	color: #413a36;
}
header {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 10px 25px;
	background-color: #dea25c;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Moon Dance", cursive;
 	font-weight: 400;
	font-style: normal;
}
h1 {
	font-size: 3rem;
	margin: 0.25rem 0 0.75rem 0;
}
header .subtitle {
	font-size: 0.8rem;
	font-style: italic;
	padding: 0;
	margin: 0;
}
main {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: top;
	justify-content: space-evenly;

}

.section-card {
	width: 30%;
	word-wrap: break-word;
	margin: 0;
	padding: 10px;
	background-color: #faf9ed;
	border: 5px solid #dea25c;
	border-radius: 10px;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul li {
	margin: 0 5px;
}

a,a:active,a:visited {
	text-decoration: none;
	color: #3f605d;
}
a:hover {
	text-decoration: underline;
	color: #67928d;
}
@media (orientation:portrait) {
	main {
		width: 90%;
		margin: 25px auto;
		flex-direction: column;
	}
	.section-card {
		width: 100%;
	}
}