* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Georgia, serif;
background-color: #e8e8e8;
color: #333;
}

/* Page wrapper */
.wrapper {
width: 85%;
max-width: 1100px;
margin: 50px auto;
background: white;
padding: 60px;
border: 1px solid #dcdcdc;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Main heading */
h1 {
font-size: 42px;
color: #444;
margin-bottom: 10px;
}

/* Tagline */
.tagline {
color: #2F5D50;
margin-bottom: 35px;
font-size: 22px;
}

/* Navigation bar */
nav {
background: #111;
padding: 20px 25px;
margin-bottom: 40px;
}

/* Navigation links */
nav a {
color: white;
text-decoration: none;
margin-right: 35px;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 6px;   
display: inline-block; 
transition: 0.3s ease;
}

/* Hover state */
nav a:hover {
color: #2F5D50;
}

/* Current page link */
.current {
color: white;                 
border-bottom: 2px solid white;  
}

/* Section heading */
h3 {
color: #2F5D50;
margin-bottom: 20px;
font-size: 24px;
}

/* Paragraph styling */
p {
margin-bottom: 20px;
line-height: 1.8;
font-size: 17px;
}