html, body {
    margin: 0; /* Reset defaults */
    padding: 0; /* Reset defaults */
    height: auto; /* Allows growth */
    min-height: 100vh; /* Ensures at least full screen height */
    overflow-y: auto; /* Vertical scrolling (auto = only when needed) */
    box-sizing: border-box; /* Includes padding in height calculations */
}

body {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", serif;
    font-size: 16px; /* Base size */
    line-height: 1.5; /* Readability */
}

h1 {
    font-family: "Book Antiqua", serif; /* For headings */
}

.semi-transparent {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
}