:root {
	font-size: 18px;
	font-family: "Aptos", sans-serif;
	background: #FFC000;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
    background-image: url("/images/FallForest_fullSize.jpg");
    background-size: cover;       /* Scale to fill screen */
    background-position: center;  /* Keep image centered */
    background-repeat: no-repeat; /* Prevent tiling */
    background-attachment: fixed; /* Optional: parallax effect */
}

body{
    margin: 0;
    padding: 0;
    background-size: cover;       /* Scale to fill screen */
    background-position: center;  /* Keep image centered */
    background-repeat: no-repeat; /* Prevent tiling */
    background-attachment: fixed; /* Optional: gives a parallax effect */
	color: white;
}

.content-wrapper {
    /* Optional: adds drop shadow/contrast so text is readable */
    background-color: rgba(255, 255, 255, 0.6); 
    padding: 2rem;
    max-width: 900px;
    margin: 2rem auto;
    border-radius: 10px;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem;
}

img.image-block {
	width: 50%;
	height: auto;
	display: block;
	margin: 1rem 0;
}

p {
	font-size: 1rem;
	line-height: 1.4;
}

@media (max-width: 768px) {
	img.image-block {
		width: 60%;
		margin: 1rem auto;
	}
}

@media (max-width: 480px) {
	img.image-block {
		width: 80%;
		margin: 1rem auto;
	}
}