/* style.css */
body { 
	font-family: 'Arial', sans-serif; 
	margin: 0; 
	padding: 0; 
	background-color: #e9f2f0; 
} 

header { 
	background-color: #e9f2f0; 
	color: #000000; 
	text-align: left; 
	padding: 20px;
    margin-right: 10%;
	margin-left: 10%;
} 

main { 
	max-width: 800px;
    margin-right: auto;
	margin-left: auto;
	text-align: center;

} 

.tiles-container { 
	display: flex; 
	flex-wrap: wrap; 
	gap: 20px; 
} 

.tile { 
	flex: 1 0 300px; 
	background-color: #fff; 
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
	padding: 20px; 
	border-radius: 10px; 
	transition: transform 0.3s ease-in-out; 
} 

.tile:hover { 
	transform: scale(1.05); 
} 

h1 {
	font-size: 48px;
}

p {
	font-size: 20px;

}

footer { 
	background-color: #e9f2f0; 
	color: #000000; 
	text-align: left; 
	padding: 20px;
	    margin-right: 10%;
	margin-left: 10%;

}