<div class="loadingContainer">
    <div style="flex-grow: 1"></div>
    <div class="loadingText">
        Loading...
    </div>
    <div style="flex-grow: 3"></div>
</div>

<style>
    @@keyframes loadingKeyframes {
        0% {
            font-size: 1.0rem
        }

        50% {
            font-size: 1.4rem
        }

        100% {
            font-size: 1.0rem
        }
    }

    .loadingContainer {
        width: 100%;
        height: 100%;
        display: flex;
        flex-grow: 1;
        justify-content: center;
        background-color: black;
        border-radius: 4px;
        flex-direction: column;
    }

    .loadingText {
        margin-left: auto;
        margin-right: auto;
        animation-name: loadingKeyframes;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }
</style>

@code {
}