/* La Musardière - contact.css
   © Eric Reboux Software 14/05/2026 */

body .page main .back_contact
{
	display: flex;
	align-items: flex-end;
	margin: 0 -30px 30px -30px;
	background: url(/img/contact.webp);
	background-size: 100% auto;
	background-position-y: 12%;
	background-repeat: no-repeat;
	min-height: clamp(200px,12vw,300px);
	box-shadow: inset 0 1px 12px #0008;
	animation: kenBurns 30s ease-in-out infinite alternate;
}

@keyframes kenBurns
{
	0% {
		background-size: 100% auto;
		background-position: 20% 12%;
	}
	100% {
		background-size: 120% auto;
		background-position: 70% 22%;
	}
}

body .page main .back_contact h1
{
	margin: 8px 24px;
	color: white;
	font-size: clamp(32px,8vw,72px);
	text-shadow: 0 1px 4px #000b;
}

body .page main article form
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}

body .page main article form .flex_break
{
	width: 0;
	flex-basis: 100%;
}

body .page main article form .textarea_label, body .page main article form .textarea_label textarea
{
	width: 100%;
}

body .page main article form input[type="submit"]
{
	margin-left: auto;
}

body .page main article form input[type="text"], body .page main article form input[type="email"]
{
	width: clamp(180px,20vw,360px);
}