/* CSS Reset */
body, header, nav, img, h1, h2, h3, main, footer
{margin: 0; 
padding: 0;
border:0;}

/*Body styles*/
body {font-family:'Open Sans', sans-serif; line-height:1.6; color:#333; background-color:#ffffff;}
h1,h2,h3 {font-family:'Playfair Display', serif; color:#444A4A;}

/*Container for layout*/
.container{width:80%; 
margin: 0 auto; 
padding: 20px;}

/*Navigation Styles*/
nav{background-color:#ffffff; padding:15px 0;}
nav ul{list-style:none; padding:0;
text-align: center;}
nav ul li {display:inline-block; margin-right:20px;}
nav ul li a{text-decoration:none; color:#A67B5B; font-weight:bold;}
nav ul li a: hover {color: #7B4A29;}

/*Styling for header, footer, and other elements*/
header{background-color:#f8d7da;padding:20px;}
footer{background-color:#f8d7da; color:#333;}
footer {text-align: center; padding: 20px; background-color: #f8d7da;color: #333;}
.subheader-description {text-align: center; margin: 0;  
padding: 10px 0;font-family: 'Playfair Display', 
serif;color: #444A4A;font-size: 1.5em;}

/*Images*/
.image-container {display: flex;justify-content: center;}
.image-container img {margin: 0 15px;}
.banner{display: block;margin-left: auto;margin-right: auto;text-align: center;}
.article-section {text-align: center; margin-bottom: 20px;}
.article-section h2 {margin-bottom: 20px;}
#article-images {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
#article-images a {text-decoration: none;color: inherit;text-align: center; max-width: 150px;}
#article-images img {width: 120px; height: auto;border-radius: 5px;}
#article-images h5 {margin-top: 10px;font-size: 14px; color: #444A4A;}


/*Buttons for my website*/
nav {text-align: center; margin: 20px 0;}
.nav-links {list-style-type: none; padding: 0;}
.nav-links li {display: inline-block; margin: 0 10px;}
.nav-links a {text-decoration: none; background-color: #ffb6c1;
color: white; padding: 10px 20px; 
border-radius: 5px; 
transition: background-color 0.3s;}
.nav-links a:hover {background-color: #ff9baf;}