50 lines
1.1 KiB
CSS
50 lines
1.1 KiB
CSS
.subscribe-infolettre {
|
|
@apply relative !text-white lg:px-24 px-4 md:px-12 !my-32;
|
|
|
|
z-index: 5;
|
|
&:after {
|
|
@apply content-[""] absolute inset-0 bg-carhop-green-800 z-0 w-full h-full;
|
|
left: 50%;
|
|
transform: perspective(800px) rotateY(3deg) rotateX(1deg) translateX(-50%);
|
|
}
|
|
|
|
&__inner {
|
|
@apply max-w-screen-3xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
&__title {
|
|
@apply !font-medium !text-white;
|
|
}
|
|
|
|
&__content {
|
|
.block-title {
|
|
@apply text-lg mb-6 uppercase font-bold tracking-bigbig;
|
|
}
|
|
h2 {
|
|
@apply text-5xl mb-12 uppercase font-semibold;
|
|
@apply tracking-wider;
|
|
line-height: 1.15;
|
|
@apply max-w-2xl;
|
|
}
|
|
> * {
|
|
@apply max-w-2xl;
|
|
}
|
|
}
|
|
|
|
&__description {
|
|
/* @apply text-lg; */
|
|
}
|
|
|
|
&__form {
|
|
@apply max-w-2xl;
|
|
input {
|
|
@apply bg-transparent border border-white text-white block w-full mb-4 p-3;
|
|
}
|
|
}
|
|
}
|