portfolio_leptos/src/components/TopComponent.scss

#top {
    @apply min-h-screen w-full flex flex-col md:flex-row items-center gap-5 relative;

    & > div {
        @apply flex-1 p-10;
    }

    & > .top__image {
        @apply flex justify-center items-center;
        
        & > img {
            @apply mx-auto rounded-lg;
        }
    }

    & > .top__presentation {
        @apply flex flex-col gap-3;

        & > h1 {
            @apply font-bold text-2xl;
        }

        & > h4 {
            @apply font-semibold text-base;
        }

        & > p {
            @apply font-normal text-sm;
        }
    }

}