/* Basic reset for margins and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body styles */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    padding: 20px;
    background-color: #fffbe7;
}


/* Section styling */
section {
    margin: 20px 0; /* Adds vertical margin around sections */
    padding: 20px; /* Adds padding inside sections */
    background: white; /* White background for sections */
}

#mc_embed_signup {
   background: #fff; /* Set background color to white */
   clear: left; /* Clear floats on the left side */
   font: 14px Helvetica, Arial, sans-serif; /* Set font styles */
   width: 600px; /* Set width of the element */
}

.dotted-line {
    border-bottom: 1rem solid #000; /* Sets the dotted line, 2px thickness, black color */
    margin-top: 20px; /* Adds space above the line */
    margin-bottom: 20px; /* Adds space below the line */
}




/* Footer styling */
footer {
    background-color: #1a1a1a; /* Dark gray background, you can use #000 for black */
    color: white;
    text-align: left;
    padding: 8px 20px; /* Minimal padding with some space on the sides */
    font-size: 12px; /* Small font size for subtlety */
}

footer nav ul {
    list-style: none;
    padding: 0;
    margin: 0; /* Remove default margin */
    display: flex; /* Flexbox to keep links in a row */
    justify-content: flex-end; /* Align content to the right */
}

footer nav ul li {
    margin-right: 15px; /* Spacing between links */
}

footer nav ul li:last-child {
    margin-right: 0; /* No extra space after the last item */
}

footer nav ul li a {
    color: white;
    text-decoration: none;
}

footer nav ul li a:hover {
    text-decoration: underline;
}


.coffeenotes {
    text-align: center;
    font-size: 1em;

}