body {
    /*font-family: 'Helvetica Neue', Arial, sans-serif; !* Defines the typeface *!*/
    line-height: 1.6; /* Sets the spacing between lines of text */
    color: #cccccc; /* Default text color (dark gray) */
    margin: 0; /* Removes default browser margin */
    padding: 20px; /* Adds padding inside the body */

}

p {
    /* --- Typography --- */
    font-size: 0.8em; /* 1em is typically the default size of the parent (e.g., body) */
    text-align: justify; /* Aligns text to the left */

    /* --- Spacing & Layout --- */
    margin-top: 0; /* Removes space above the paragraph */
    margin-bottom: 1em; /* Adds space below the paragraph to separate it from the next element */
    padding: 5px; /* A little internal padding */
    max-width: 800px; /* Constrains the width for better readability */
}

/* Example of a specialized paragraph style */
p.intro {
    font-size: 1.1em;
    font-style: italic;
    color: #555;
    border-left: 3px solid #007bff; /* A small blue line on the left */
    padding-left: 10px;
}
/* lists */
ul {
    /* --- Typography --- */
    font-size: 0.8em; /* 1em is typically the default size of the parent (e.g., body) */
    text-align: justify; /* Aligns text to the left */

    /* --- Spacing & Layout --- */
    margin-top: 0; /* Removes space above the paragraph */
    margin-bottom: 1em; /* Adds space below the paragraph to separate it from the next element */
    padding: 5px; /* A little internal padding */
    max-width: 800px; /* Constrains the width for better readability */
}

/* --- General Heading Setup (Applies to all h1, h2, h3, etc.) --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif; /* Use a different font for contrast */
    font-weight: 700; /* Bold (700 is a common bold value) */
    color: #ffffff; /* A strong blue color */
    margin-top: 1.5em; /* Space above a heading */
    margin-bottom: 0.5em; /* Space below a heading */
}

/* --- Specific Heading Sizes --- */
h1 {
    font-size: 2.5em !important;
    border-bottom: 2px solid #ffffff; /* A subtle line under the main title */
    padding-bottom: 10px;
    text-transform: uppercase; /* Makes the text all capital letters */
}

h2 {
    font-size: 1.8em;
    color: #d7d7d7; /* Darker color for subheadings */
}

h3 {
    font-size: 1.4em;
    font-style: italic;
    color: #d7d7d7;
}

a {
    color: #05A445;
    font-weight: 500;
    /*text-decoration: none;*/

}

a:hover {
    color: #05c753;
    text-decoration: underline;
}