/* General Page Styling */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff; /* white background */
    color: #333; /* soft dark grey text */
}

/* Banner */
.banner {
    width: 100%;
    background-color: #f7cfe3; /* light pink */
    color: #333; /* soft grey text */
    text-align: center;
    padding: 25px 0;
    border-bottom: 3px solid #e5b8d6; /* slightly darker pink accent */
}

.banner h1 {
    margin: 0;
    font-size: 34px;
    letter-spacing: 1px;
}

/* Navigation Menu */
.nav {
    width: 100%;
    background-color: #ffffff; /* white nav bar */
    border-bottom: 2px solid #ddd; /* soft grey line */
    text-align: center;
}

.nav td {
    padding: 15px 25px;
}

.nav a {
    color: #555; /* medium grey */
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

.nav a:hover {
    color: #d36ba6; /* darker pink hover */
}

/* Content Area */
.content {
    width: 80%;
    margin: 30px auto;
    background-color: #fdf2f7; /* very light pink background */
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #f0d9e6; /* soft pink border */
}

.content img {
    border-radius: 8px;
}

/* Footer */
.footer {
    width: 100%;
    background-color: #f7cfe3; /* same pink as banner */
    color: #333;
    text-align: center;
    padding: 15px 0;
    margin-top: 40px;
    border-top: 3px solid #e5b8d6;
}

.footer p {
    margin: 0;
    font-size: 14px;
}