body {
    background-image: url('../images/background.png');
    background-attachment: fixed;
}


.title_image {
    width: 400px;;
}

.messages_listings {
    background-color: rgba(255, 255, 255, .9);
    margin-bottom: .5em;
    padding: .5em;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.message_listing {
    border-bottom: 2px solid #000000;
    padding: .5em;
}

.message_listing .title {
    font-weight: bold;
    font-size: 1.2em;
}

.message_listing .source {
    font-style: italic;
}

.read_icon img {
    width: 80%
}

.response__text {
}

.response img {
    width: 75px;
    margin-right: .5em;
}

.response_author {
    font-weight: bold;
}

.response img {
    float: left;
}

.blog_listings {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 1em;
}

.blog_listing {
}

.blog_listing img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.blog_post{
   
}

.blog_post__image {
    width: 30%;
    height: auto;
    float: left;
    padding-right: .5em;
}

.blog_post__text {
}

.feed_title {
    font-weight: bold;
    font-size: 2em;
    background-color: rgb(220, 220, 220);
}

.feed_areas_listing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
}
.feed_areas_item {
    background-color: rgba(255, 255, 255, .9);
    margin: .5em;
    padding: .5em;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    flex: 1 1 calc(33% - 1em); /* Adjust width as needed */
    text-align: center;
}

.feed_areas_item a {
    text-decoration: none;
    color: black;
}

.feed_areas_item:hover {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}

.page_header_intro {
    background-color: rgba(255, 255, 255, .9);
    margin-bottom: .5em;
    padding: .5em;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

.news_listings {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.article_title {
    font-weight: bold;
    margin-bottom: .5em;
}

.news_article  img {
    width: 30%;
    max-height: 97%;
    float: left;
    margin: .3em;
}

.news_article {
    padding: .5em;
    border-bottom: 3px solid #000000;
}



.secondary_articles {
    display: flex;
    justify-content: space-between;
}

/* buttons  */
.menu_button {
    background-color: #b8404e; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border: 2px solid black;
    
}