body
	{ 
		font-family: Arial, sans-serif; 
		background-color: #5894d1; 
		margin: 0; 
		padding: 20px; 
	}

nav 
	{ 
		margin: 20px 0; 
		display: flex; 
		justify-content: center; 
		gap: 30px; 
	}

nav a 
	{ 
		text-decoration: none; 
		color: #007BFF; 
		font-weight: bold; 
	}

nav a:hover 
	{ 
		text-decoration: underline; 
	}

.section-container 
	{ 
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
		gap: 20px; 
	}

.section-container section 
{ 
flex: 1; 
justify-content: center;
text-align: center;
min-width: 250px; 
max-width: 24%; 
background: #7eb0d9; 
padding: 20px; 
border-radius: 5px; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
box-sizing: border-box; 
}

.section-container {
	justify-content: center;
	text-align: center;
}

footer 
{ 
text-align: center; 
margin-top: 20px; 
font-size: 0.9em; 
color: #white; 
}

@media (max-width: 1000px) 
{ 
.section-container 
{ flex-direction: column; }

.section-container section 
{ max-width: 100%; } 
}