body {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 20px;
		background-color: rgb(147, 168, 172);
		min-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: flex-start;
}

.main-container {
		max-width: 1400px;
		width: 100%;
		background-color: white;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15);
		padding: 30px;
		margin: 20px auto;
		display: flex;
		flex-direction: column;
		gap: 40px;
}

#world_map {
		width: 100%;
		padding: 20px 0;
		border-bottom: 2px solid #f0f0f0;
}

#inflation_chart {
		width: 100%;
		padding: 20px 0;
}

@media (max-width: 768px) {
		body {
				padding: 10px;
		}
		
		.main-container {
				padding: 20px;
				gap: 20px;
		}
}