模板:Main page/landmark/styles.css

#home-landmark {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.landmark-flexcontainer {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
	border-top: 1px solid #ddd !important;
}

.landmark-card {
	width: 100%;
	position: relative;
	height: 200px;
	margin-top: 12px;
}

.landmark-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 8px;
	overflow: hidden;
}

.landmark-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
	transition: cubic-bezier(0,.8,.2,1) 0.5s;
}
.landmark-image img:hover {
	transform: scale(1.1);
	transition: cubic-bezier(0,.8,.2,1) 0.5s;
}

.landmark-foreground {
	position: absolute;
	bottom: 0px;
}

.landmark-foreground-title {
	color: white;
	font-size: 18px !important;
	font-weight: 800 !important;
	margin: 2px 0px 6px 12px !important;
	text-shadow: 2px 2px 4px #000000;
}

.landmark-foreground-subtitle {
	color: rgb(230,230,230);
	font-size: 15px !important;
	margin: 0px 0px 0px 12px !important;
	text-shadow: 2px 2px 4px #000000;
}