body {
	background-color: #2F3E46;
	margin: 0;
	box-sizing: border-box;
	color: #CAD2C5;
	font-family: "Inter", sans-serif;
}


header {
	background-image: url("assets/dubai-landscape.png");
	background-size: cover;
	height: 40vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

header h1 {
	font-family: "DM Serif Text", serif;
	color: #2F3E46;
	text-align: center;
	font-size: 3.5rem;
	line-height: 1.8em;
	width: 15em;
	background-color: #CAD2C5b0;
	text-shadow: 3px 3px 5px #52796F;
	border-radius: 10px;
}

section {
	max-width: 1400px;
	margin: 0 auto;
}

section .intro {
	margin: 0 auto;
	max-width: 1000px;
	margin-top: 2rem;
	font-size: 1.2em;
	text-align: justify;
	text-justify: inter-word;
	padding-top: 10px;
}

section .card {
	text-align: center;
}

.card-container {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

.card-container .card {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	max-width: 19rem;
}

.card-container .card h2 {
	font-weight: bold;
	border-bottom: 3px solid #CAD2C5;
}

.card-container .card img {
	transition: all 0.25s;
}
.card-container .card img:hover {
	scale: 1.05;	
}

.card-container h2 {
	text-align: center;
	font-size: 1.2rem;
	margin: 0;
	margin-top: .8rem;
}

footer {
	background-color: #fff;
	/* height: 20vh; */
	width: 100%;
	margin-top: 50px;
	padding: 25px 0;
	color: #354F52;
}

footer .profile {
	margin: 0 auto;
	max-width: 900px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5rem;
}

footer img {
	max-width: 150px;
	border-radius: 100%;
}

footer .outro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 10px;
}

footer p, footer h1 {
	margin: 0;
}