61 lines
1.1 KiB
SCSS
61 lines
1.1 KiB
SCSS
.page-container--home {
|
|
.screen {
|
|
@apply bg-lhoistlight;
|
|
.screen_worker_1,
|
|
.screen_worker_2 {
|
|
@apply hidden lg:block absolute;
|
|
max-height: 60%;
|
|
bottom: -3rem;
|
|
}
|
|
.screen_worker_1 {
|
|
left: -60px;
|
|
@screen xl {
|
|
left: 3%;
|
|
}
|
|
@screen 2xl {
|
|
left: 8%;
|
|
}
|
|
}
|
|
.screen_worker_2 {
|
|
@apply -right-16;
|
|
right: -100px;
|
|
@screen xl {
|
|
right: 0;
|
|
}
|
|
@screen 2xl {
|
|
right: 7%;
|
|
}
|
|
}
|
|
&__content {
|
|
.cover_worker {
|
|
@apply mx-auto;
|
|
transform: translate(0%, -50%);
|
|
margin-bottom: -130px;
|
|
}
|
|
|
|
.application_title,
|
|
.application_subtitle {
|
|
@apply text-zuume;
|
|
}
|
|
.application_title {
|
|
@apply text-9xl;
|
|
}
|
|
.application_subtitle {
|
|
@apply text-6xl bg-construction w-fit mx-auto px-3 block mb-10;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.application_description {
|
|
@apply max-w-2xl text-xl px-20 font-bold;
|
|
margin-bottom: -40px;
|
|
}
|
|
.cta--play {
|
|
@apply mx-auto;
|
|
transform: translateY(50%);
|
|
}
|
|
}
|
|
&__worker-1 {
|
|
}
|
|
}
|
|
}
|