34 lines
717 B
CSS
34 lines
717 B
CSS
@layer components {
|
|
.top_component {
|
|
@apply min-h-screen w-full flex flex-col md:flex-row items-center gap-5 relative;
|
|
|
|
& > div {
|
|
@apply flex-1 p-10;
|
|
}
|
|
|
|
& > .top_component__image {
|
|
@apply flex justify-center items-center;
|
|
|
|
& > img {
|
|
@apply mx-auto rounded-lg;
|
|
}
|
|
}
|
|
|
|
& > .top_component__presentation {
|
|
@apply flex flex-col gap-3;
|
|
|
|
& > h1 {
|
|
@apply font-bold text-3xl;
|
|
}
|
|
|
|
& > h4 {
|
|
@apply font-semibold text-xl;
|
|
}
|
|
|
|
& > p {
|
|
@apply font-normal text-base;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|