#header-title {
    padding: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    margin: 0;
    grid-area: 1 / 1 / 2 / 2;
    transition: all .2s ease-in-out;
    min-height: 8rem;
    user-select: none;
}

#header-title > h1 {
    font-size: 2.5rem;
}

.interactive-playing > #header-title {
    min-height: 18rem;
}

#header-title:hover > #header-title-toggle {
    display: block;
}
#header-title-toggle {
    text-decoration: none;
    display: none;
}
#header-title-toggle:focus,
#header-title-toggle:hover {
    text-decoration: none;
    bottom: 0;
    text-underline-offset: 0;
}

#header-scene {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    opacity: 0;
}
.interactive-playing > #header-scene {
    grid-area: 1 / 1 / 2 / 2;
    opacity: 1;
}