/* Add this to your styles.css file */

body {
    font-family: 'Arial', sans-serif;
    font-size: 18px; /* increased font size for better readability */
    line-height: 1.6; /* increased line height for better readability */
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}

header {
    background-color: #008080;
    color: white;
    padding: 20px 0;
    text-align: center;
}

h1 {
    color: white;
}

h2 {
    color: #006666;
}

nav {
    background-color: #006666;
    padding: 20px 0; /* increased padding to make the navigation bar thicker */
}

nav ul {
    padding: 0;
    list-style: none;
    text-align: center;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: white;
    text-decoration: none;
    font-size: 20px; /* increased font size in the navigation bar for better readability */
    transition: background-color 0.3s ease; /* added for a smooth transition */
}

nav ul li a:hover {
    background-color: #00CCCC; /* color when the mouse hovers over a link */
}

/* rest of your CSS goes here */