body {
font-size: 1.2rem;
margin-bottom: 30px;
color: #444;
}

.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* Navbar */
.navbar {
background: #0071e3;
padding: 15px 30px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


.navbar ul {
list-style-type: none;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
gap: 20px;
flex-wrap: wrap;
}


.navbar li {

color: white;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
}


.navbar li:hover,
.navbar .active {
text-decoration: underline;
}
/* Main content */
.main-content {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px 20px;
}


.main-content h1 {
font-size: 3rem;
margin-bottom: 20px;
color: #111;
}


.main-content p {
max-width: 600px;
font-size: 1.2rem;
margin-bottom: 30px;
color: #444;
}



.main-content img {
max-width: 300px;
margin: 20px 0;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.btn {
background: #0071e3;
color: white;
border: none;
padding: 15px 40px;
font-size: 1.2rem;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
}


.btn:hover {
background: #005bb5;
transform: scale(1.05);
}