/* Reset default spacing and allow full height */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    text-align: center;

    /* Full-page background */
    background-image: url('background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;   /* fills entire page while keeping ratio */
    background-attachment: fixed; /* optional: nicer effect on scroll */

    padding-top: 25px;
}

/* Make sure main content can stretch nicely */
main {
    min-height: calc(100vh - 25px);
}

/* Responsive image (keeps aspect ratio) */
img {
    width: 100%;
    max-width: 300px;  /* keeps it from getting too large */
    height: auto;      /* critical for aspect ratio */
    border-radius: 12px;
}

/* Existing styles (cleaned slightly) */
#babylijst { 
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

#gegevens { 
    border: 0px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

h3 {
    display: inline;
}