html, body {
height: 100%;
margin: 0;
}


/* Full-page background image (temporary image placeholder) */
body {
background-image: url('/imgs/cooldiybg.jpg'); /* temporary image */
background-size: cover; /* cover the viewport */
background-position: center; /* center the image */
background-repeat: no-repeat; /* don't tile */
background-attachment: fixed; /* stays fixed on scroll */
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
color: white;
}


/* Optional: a very small centered container so page isn't completely empty */
.center {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}