body {
			background-color: linen;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: #fcf8f2; 
            color: #333333;
            text-align: center;
            padding: 15vh 1rem 2rem 1rem;

  			margin: 0;
		}

		* {
			font-family: Arial, sans-serif
		}
	
		.normal {
			font-weight: normal;
		}
		.semi-bold {
			font-weight: 575;
		}
		.bold {
			font-weight: bold;
		}
		.plain-text {
			text-decoration: none;
		}
		.center-text {
  			text-align: center;
		}
		.underline-txt {
			text-decoration: underline;
		}
		.firebrick-text {
			color: firebrick;
		}

		h1 {
			margin-top: 3rem;
            margin-bottom: 2rem;
            text-align: center;
            font-size: 1.75rem;
            font-weight: bold;
			color: #553311;
		}
        h2 {
            text-align: center;
            font-size: 1.5rem;
			font-weight: 575;
			color: #553311;
        }
		
		h3 {
			margin-top: 2.5rem;
			margin-bottom: -0.5rem;
			font-weight: 575;
			text-decoration: underline;
			font-size: 1.25rem;
			color: #553311;
		}
		
		h4 {
			font-weight: 575;
			font-size: 1.25rem;
			text-align: center;
			color: #553311;
		}

		.centered-para {
			font-size: 1.15rem;
			text-align: center;
			color: #553311;
		}

		img {
			max-width: 75%
			max-height: 80vh;
			width: auto;
			height: auto;
			object-fit: contain;
			display: block;
 			margin: auto;
		}

/* Fixes the desktop offset & stops text from clipping on mobile viewports */
.anniversary-header-group {
    display: flex;
    flex-direction: column;
    align-items: center; /* Forces the text block to center perfectly under the title */
    width: 100%;
    padding: 0 1rem;
    margin-top: 2rem;
}

.anniversary-header-group h2 {
	margin-top: -1rem;
    margin-bottom: 1rem;
    max-width: 90%; /* Stops the title from hitting edge boundaries */
}

/* Controls the width of the relatives text lines block */
.page-container {
    width: 100%;
    max-width: 680px; /* Constrains the block width so text looks great on all screens */
    text-align: left; /* Keeps list items neatly aligned to the left inside the centered block */
    font-size: 1.15rem;
    color: #553311;
    margin: 0 auto;  /* Completely centers the constrained text block */
}

/* Optimizes line spacing and padding on mobile form factors */
.row-text, .footnote-text {
    margin: 0.17rem 0;
    line-height: 1.2;
}

.footnote-text {
    font-size: 0.95rem;
    margin-top: 0.25rem;
}