body {
	background-color: #1d1d37;
	color: MintCream;
	font-family: Courier;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 175px;
}

h1 {
	color: FloralWhite;
	font-family: Garamond;
	font-size: 400%;
}

h2 {
	color: AntiqueWhite;
	font-size: 175%;
	padding: 10px;
}

p {
	font-family: Century;
	font-size: 150%;
	margin: 25px;
	max-width: 1000px;
}

ul {
	font-size: 150%;
	margin: 25px;
}

hr {
	max-width: 1250px;
	border: 1px solid AntiqueWhite;
}

mark {
	padding: 4px 8px;
	color: #93a4b5;
	background-color: #594a5e;
	text-shadow: 2px 0px #565573;
	border-radius: 5px;
}

button {
	all: unset;
	text-decoration: none;
	font-size: 150%;
	margin: 10px;
	padding: 10px 15px;
	border: none;
	border-radius: 15px;
	border-color: AntiqueWhite;
	background-color: CornflowerBlue;
	color: AntiqueWhite;
	width: 175px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

footer {
	position: fixed;
	text-align: center top;
	background-color: #182759;
	max-height: 150px;
	border-radius: 50px;
	padding: 10px 0px;
	bottom: -10px;
	right: 0px;
}

.section {
	max-width: 1050px;
	margin: 5px auto; /* Centers the container horizontally */
	text-align: left; /* Ensures text inside is left-aligned */
	background-color: #522144;
	border-radius: 25px;
	padding: 10px; /* Optional: for spacing */
}

.entry {
	max-width: 1050px;
	margin: 5px auto; /* Centers the container horizontally */
	text-align: left; /* Ensures text inside is left-aligned */
	background-color: #692e40;
	border-radius: 25px;
	padding: 10px; /* Optional: for spacing */
}

.caption {
	max-width: 500px;
	margin: 5px auto;
	font-size: 75%;
	text-align: center;
	background-color: #1d1d37;
	border-radius: 5px;
	padding: 5px 5px;
}