body {
    font-family: Garamond; /* Set the default font */
    background-color: #F6F3EC; /* cream + background */
    color: #333; /* Dark gray text color */
    margin: 0; /* Remove default body margin */
    padding: 0;
    font-size: 16px;
    line-height: 0.8;
}

.container {
  text-align: center;
}

/* Override the font for all header elements */
h1, h2, h3, h4, h5, h6 {
    font-family: Lucida Handwriting; /* Set the defalut font for Header */
}

header { 
    background-color: #ECE4DA; /* #2c6731 / #37823d; ; Dark background for header */
    color: #3d8f44; /* #574C3F; / #37823d; text for header */
    padding: 0.5rem;
    text-align: center;
    font-size: 14px;
    line-height: 0.4;
}

nav ul {
    list-style-type: none; /* Remove bullet points from list */
    padding: 0;
    background-color: #444;
    text-align: center;
}

nav ul li {
    display: inline; /* Display list items horizontally */
    margin: 0 10px;
}

nav ul li a {
    color: white;
    text-decoration: none; /* Remove underlines from links */
    padding: 10px;
    display: inline-block;
}

main {
    padding: 0.5rem;
}

section {
    margin-bottom: 1rem;
    background-color: #fff; /* White background for sections */
    padding: 0.5rem;
    border-radius: 5px;
}

footer {
    text-align: center;
    padding: 0.5rem;
    background-color: #ECE4DA;
    color: #3d8f44; /* #37823d; #2c6731;  dark green / ##6fc276; Green /  4c9353; another green /  #574C3F; brown (from AT) */
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    line-height: 0.5;
}