<div style="height: 100%; width: 100%; display: flex; align-items: stretch; background-color: #262626;">
    <div style="display: flex; flex-direction: column; flex-grow: 1;  align-items: center; margin: 80px; background-color: #262626;">
        <div style="display: flex; flex-grow: 1; flex-direction: column; align-items: center; justify-content: center; font-family: 'Space Grotesk'; font-weight: 500; color: #e5e5e5; text-align: center;">
            <h1 style="font-size: 80px;">{{ title | safe }}</h1>
            <h2 style="font-size: 44px;">{{ subTitle | safe }}</h2>
        </div>
        <div style="font-family: 'Space Grotesk'; font-weight: 500; color: #e5e5e5; letter-spacing: -0.8rem; font-size: 120px; justify-self: flex-end; flex-grow: 0; margin-bottom: 10px; display: flex;">LD</div>
        <div style="display: flex; justify-self: flex-end; flex-grow: 0; font-family: 'Space Grotesk'; font-weight: 500; color: #e5e5e5; text-align: center;">
            <h3 style="font-size: 20px;">LewisDale.dev</h3>
        </div>
    </div>
</div>