:host {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: clip;
}
#hero {
    display: flex;
    /*flex-direction: column;*/
    /*align-items: start;*/
    /*justify-content: center;*/
}

h1 {
    font-size: 50px;
    max-width: 1200px;
}

#cr {
    opacity: var(--opacity-cr);
}

#jf {
    opacity: var(--opacity-jf);
}

.text-highlight {
    text-decoration: underline;
    color: var(--highlight-color);
}

#right {
    max-width: 450px;
    max-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*z-index: -0.5;*/
}

#left {
    max-width: 550px;
    z-index: 1;
}