body {
    font-family:cursive; /* alter the default font for this page */
    background-color:rgb(223 230 221);
    color:#222; /* make the default font colour a dark grey */
    margin:0;
    position:relative;
    padding-bottom:10em;
    
}

ul li {
    margin-bottom:1em; /* bit of spacing between list items */
}

.header {
    font-family:monospace;
    font-size:300%;
    padding:1em;
    text-align:center;
    color:white;
    border-bottom: 1.2em solid #e48c10;

    /* leave this stuf as is */
    position:relative;
    background-color:#000; 
    z-index:1;
    
}


.header::after {
    /* change the url to alter the header background image */
    background:#1a1919 url("images/healthybanner.webp") no-repeat center;
    background-size:cover;
    opacity:0.75; /* set transparency of background image */
    
    /* leave this stuff as is */
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}

.main {
    margin-bottom:1em;
    margin-top:0;
}

.main .section-container {
    background-color: rgb(255 255 255);
    margin-left:auto; /* lets centre align our section container */
    margin-right:auto;
    max-width: 50em;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2); /* add a shadow */
    padding-bottom:2em;
    margin-top:-3em;

}

.main section {
    border-top:3em solid #d58009; /* add a top border for some visual separation between sections */
    padding-left:2em;
    padding-right:2em;
    margin-top:0;
    overflow:hidden;
}

.footer {
    background-color:rgb(5 48 90);
    height:10em;
    width:100%;
    bottom:0;
    position:absolute;
    padding:1em;
    color:#ccc;
}