🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../584683.klas4s23.mid-ica.nl/public_html/../public_html/WI/css/home.css

.banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--secondary-color);
	padding: 50px;
}

.bannerImage {
	width: 100%;
	height: auto;
}

.titleVilla,
.titleInfo {
	text-align: left;
	color: var(--accent-primary);
	margin: 16px;
}

.villaContainer {
	display: flex;
	flex-direction: row;
	padding: 20px;
	gap: 5%;
	justify-content: center;
}


.infoContainer {
	display: flex;
	padding: 20px;
	gap: 5%;
	justify-content: center;
}

.infoContainerBlock {
	background-color: var(--primary-color);
	width: 100%;
	height: 250px;
	color: var(--text-color-light);
	height: auto;
}

.infoText {
	margin-left: 1rem;
	font-weight: bold;
}

@media(min-width: 425px) and (max-width: 768px) {
	.infoContainer {
		display: flex;
		flex-direction: column;
		padding: 20px;
		gap: 50px;
		justify-content: center;
	}

	.infoContainerBlock {
		display: flex;
		flex-direction: column;
		width: auto;
	}

	.villaContainer {
		display: flex;
		flex-direction: column;
		padding: 20px;
		gap: 50px;
		justify-content: center;
	}

	.villaCard {
		width: 100%;
	}

	.villaCard .info .title h2 {
		margin: 0px;
	}

	.villaCard .info .actions {
		flex-direction: row;
		margin-top: -16px;
		margin-left: 0%;
	}

	.villaCard .info .actions .buttonLink {
		margin: 16px;
	}
}

@media (max-width: 425px) {
	.villaContainer {
		display: flex;
		flex-direction: column;
		padding: 20px;
		gap: 50px;
		justify-content: center;
	}
}

🎯 Available Actions