main {
      max-width: 900px;
      margin: 0 auto;
      padding: 2rem;
    }

h1,
h2 {
    margin: 1rem 0 0.5rem;
}

h3 {
    margin: 2rem 0 0.5rem;
}

* {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

nav {
    --background: oklch(from #0b132b l c h);
    --text-on-dark: oklch(from #ebebeb l c h);

    background-color: var(--background);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0;

    .logo {
        display: flex;
        align-items: center;
        gap: 0.125rem;

        img {
            width: 48px;
            height: 48px;
        }

        span {
            font-family: "Bebas Neue", sans-serif;
            font-size: 2rem;
            font-weight: bold;
            padding-top: 4px;
            color: var(--text-on-dark);
        }
    }
}

[data-custom-class='body'],
[data-custom-class='body'] * {
    background: transparent !important;
}

[data-custom-class='title'],
[data-custom-class='title'] * {
    font-size: 26px !important;
    color: #000000 !important;
}

[data-custom-class='subtitle'],
[data-custom-class='subtitle'] * {
    color: #595959 !important;
    font-size: 14px !important;
}

[data-custom-class='heading_1'],
[data-custom-class='heading_1'] * {
    font-size: 19px !important;
    color: #000000 !important;
}

[data-custom-class='heading_2'],
[data-custom-class='heading_2'] * {
    font-size: 17px !important;
    color: #000000 !important;
}

[data-custom-class='body_text'],
[data-custom-class='body_text'] * {
    color: #595959 !important;
    font-size: 14px !important;
}

[data-custom-class='link'],
[data-custom-class='link'] * {
    color: #3030F1 !important;
    font-size: 14px !important;
    word-break: break-word !important;
}