.landingPage {
    display: flex;
    background: linear-gradient(180deg, #e0f1ff, #fff 23.063096055039413%);
}


.landingPage_IntroSection {
    width: 100%;
    max-width: 1500px;

    min-height: 100vh;
    margin: auto;
    box-sizing: border-box;
    padding: 120px 0em 2em 2em;


    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2em;
    overflow: hidden;
}

.landingPage_IntroSection_ImageContainer {
    height: 100%;

    display: flex;
    align-items: center;
    overflow: hidden;
}

.landingPage_IntroSection_ImageContainer canvas {
    width: 800px; 
    height: 800px;
    margin-bottom: 2em;
}

.landingPage_IntroSection_TextContainer {
    display: flex;
    align-items: center;
}

.landingPage_IntroSection_TextContainerTitle {
    font-size: 5em;
    color: var(--app-color-palette-primary);
    margin: 0;
}
.landingPage_IntroSection_TextContainerDescription {
    width: 100%;
    max-width: 500px;
    font-size: 1.3em;
    margin: 4em 0 0 0;
    color: var(--app-color-palette-secondary);
}

.landingPage_IntroSection_TextContainerDescription p {
    margin: 0;

}

.landingPage_IntroSection_TextAnimationContainer {
    position: relative;
    height: 3em;
}


.landingPage_IntroSection_TextAnimationContainer h1 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    color: var(--app-color-palette-primary-color);
}

.text1, .text2, .text3, .text4 {
    font-size: 5em;
}