body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header
{margin-bottom: 20px;}

/* Header background colors based on the chosen background hex codes */
.header-one {
    background-color: #14213d; /* Deep Navy */
    display: flex;
    align-items: center;
    padding: 20px;
}

.header-two {
    background-color: #3a3a3a; /* Charcoal Grey */
    display: flex;
    align-items: center;
    padding: 20px;
}

.header-three {
    background-color: #5c6d7e; /* Muted Slate Blue */
    display: flex;
    align-items: center;
    padding: 20px;
}

.header-four {
    background-color: #a7a29e; /* Warm Grey */
    display: flex;
    align-items: center;
    padding: 20px;
}

.header-five {
    background-color: #522d40; /* Deep Burgundy */
    display: flex;
    align-items: center;
    padding: 20px;
}

/* New Headers with provided background colors */
header {
    padding-bottom: 20px;
}

header img {
    top:20px;
    position: relative;
}

.header-six {
    background-color: #e5e0cf;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}

.header-seven {
    background-color: #e5e2d1;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}

.header-eight {
    background-color: #e3e1cf;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}

.header-nine {
    background-color: #e6e1d1;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}

.header-ten {
    background-color: #e4dfce;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}

/* h1 Text Colors for new headers with selected fonts */
.h1-font-1 {
    color: #7fc1a5; /* Light Teal */
    /* font-family: 'Roboto', sans-serif;  */
}

.h1-font-2 {
    color: #4f8b75; /* Darker Teal */
    /* font-family: 'Open Sans', sans-serif;  */
}

.h1-font-3 {
    color: #02B397; /* Soft Beige */
    /* font-family: 'Lato', sans-serif;  */
}

.h1-font-4 {
    color: #d2a67b; /* Light Brown */
    /* font-family: 'Montserrat', sans-serif;  */
}

.h1-font-5 {
    color: #35311E; /* Off White */
    /* font-family: 'Poppins', sans-serif;  */
}

/* Image Styling */
.rounded-image {
    border-radius: 15px;
    width: 150px;
    height: 150px;
}

/* Update contrast background colors for content sections */
.content-section-one {
    background-color: #7fc1a5; /* Light Teal from design */
    padding: 20px;
}

.content-section-two {
    background-color: #4f8b75; /* Darker Teal from design */
    padding: 20px;
}

.content-section-three {
    background-color: #e6ccb2; /* Soft Beige from design */
    padding: 20px;
}

.content-section-four {
    background-color: #d2a67b; /* Light Brown from design */
    padding: 20px;
}

.content-section-five {
    background-color: #f0e7db; /* Off White from design */
    padding: 20px;
}

/* Other HTML Elements with corrected colors */
.section-one {
    background-color: #7fc1a5; /* Light Teal from design */
    padding: 20px;
    color: black;
}

.section-two {
    background-color: #4f8b75; /* Darker Teal from design */
    padding: 20px;
    color: white;
}

.aside-one {
    background-color: #e6ccb2; /* Soft Beige */
    padding: 20px;
    color: black;
}

.nav-one {
    background-color: #d2a67b; /* Light Brown */
    padding: 20px;
    color: white;
}

.footer-one {
    background-color: #f0e7db; /* Off White */
    padding: 20px;
    color: black;
}
