32 lines
692 B
CSS
Executable File
32 lines
692 B
CSS
Executable File
.home-header {
|
|
@apply max-w-screen-2xl mx-auto px-16 py-32;
|
|
|
|
&__titling {
|
|
@apply max-w-[580px];
|
|
}
|
|
&__title {
|
|
@apply text-4xl font-medium pb-6;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
&__scroll-down-indicator {
|
|
@apply bg-primary rounded-full flex justify-center items-center mt-6;
|
|
width: 80px;
|
|
height: 80px;
|
|
&__arrow {
|
|
animation: bouncingArrow 1s infinite alternate
|
|
cubic-bezier(0.01, 0.61, 0.67, 0.99);
|
|
/* cubic-bezier(0.01, 0.61, 0.39, 1); */
|
|
/* cubic-bezier(0.18, 0.89, 0.3, 1); */
|
|
}
|
|
}
|
|
}
|
|
@keyframes bouncingArrow {
|
|
0% {
|
|
transform: translateY(4px);
|
|
}
|
|
100% {
|
|
transform: translateY(-6px);
|
|
}
|
|
}
|