.text-container {
    display: flex;
    align-items: flex-start;
    background-color: rgba(219, 202, 124, 0.8); /* Semi-transparent background */
    border: 2px solid #000;   /* Black border, 2px thick */
    padding: 15px;
    border-radius: 10px;       /* Optional: rounded corners */
}

.bottom-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left; /* Right-align the text */
}

.text-content {
    flex-grow: 1;
    /* Add additional styling as needed */
}

.image-content {
    /* Styling for the image container, adjust as needed */
}

body {
    margin: 60px auto;
    width: 70%;
    background-image: url('/assets/ne_stream_2022.jpg');
    background-size: cover; /* This ensures the image covers the whole page */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Optional: makes the background fixed during scroll */
}
nav ul, footer ul {
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
    padding: 0px;
    list-style: none;
    font-weight: bold;
}
nav ul li, footer ul li {
    display: inline;
    margin-right: 20px;
}
a {
    text-decoration: none;
    color: #999;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-size: 3em;
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
}
p {
    font-size: 1.5em;
    line-height: 1.4em;
    color: #333;
}
/* Footer adjustments */
footer {
    border-top: none;        /* Remove the light line */
    font-size: 1em;          /* Slightly bigger text */
    color: #ffffff;          /* White text */
    text-align: left;      /* Optional: center the text */
}

ul.posts { 
    margin: 20px auto 40px; 
    font-size: 1.5em;
}

ul.posts li {
    list-style: none;
}

/* Navbar links for dark/mottled background */
nav ul li a {
    font-size: 1.6em;        /* Bigger text */
    font-weight: 600;        /* Semi-bold */
    color: #f5f5f5 !important;  /* Light off-white */
}

nav ul li a:hover {
    color: #ffffff !important;  /* Brighter on hover */
    text-decoration: underline;  /* Optional hover underline */
}

footer ul li a {
    color: #ffffff !important;
    text-decoration: none;
}

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