body {
    background-color: black; /* Sets the background to black */
    color: white; /* Sets the default text color to white */
    font-family: Arial, sans-serif; /* Use a common, clear font */
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    min-height: 100vh; /* Ensures the container takes up the full viewport height */
    margin: 0; /* Removes default body margins */
}

.memorial-container {
    text-align: center; /* Centers text and inline elements */
    padding: 20px;
}

h1 {
    font-size: 3em; /* Large font size for the name */
    margin-bottom: 20px; /* Space above the picture */
    /* You can try a more specific font if you want, e.g., font-family: 'Georgia', serif; */
}

img {
    max-width: 100%; /* Ensures the image is responsive */
    height: auto;
    max-height: 70vh; /* Prevents the image from being too large on tall screens */
    border: 5px solid white; /* Optional: A white border around the picture */
}

h2 {
    font-size: 1.5em; /* Smaller font for the dates */
    margin-top: 20px; /* Space below the picture */
}