/*
Apply these styles to both and so the background covers
the entire viewport and remains consistent even if content overflows.
*/
html.parchment, html.parchment body {
/*
Path to the parchment-style background image.
Because this file lives in /static/css/, the relative URL
should reference the /static/images/ directory.
*/
background-image: url("/static/images/background_parchment.png");
/*
Prevents tiling. Ensures the image only appears once.
*/
background-repeat: no-repeat;
/*
Keeps the background image fixed in place while scrolling,
creating a subtle parallax-like effect.
*/
background-attachment: fixed;
/*
Forces the image to stretch exactly to the viewport width (100vw)
and height (100vh), ensuring no gaps regardless of screen size.
*/
background-size: 100vw 100vh;
/*
Removes default browser spacing to allow the background to fill
the entire window without white borders.
*/
margin: 0;
padding: 0;
/*
Ensures vertical scrolling works properly for long pages,
while maintaining fixed background behavior.
*/
overflow-y: auto;
/*
Ensures the page body always takes up at least the full viewport height,
even when content is short.
*/
min-height: 100%;
}