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

header { 
	background-color: #333; 
	color: #fff; 
	text-align: center; 
	padding: 20px; 
} 

main { 
	max-width: 800px; 
	margin: 20px auto; 
} 

h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

p {
    margin-top: 0px;
}
a {
    text-decoration: none;
}

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

.tile { 
    text-align: right;
	flex: 1 0 200px;
    height: 150px;
	background-color: #fff; 
    color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
	padding: 10px;
	border-radius: 10px; 
	transition: transform 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
} 

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