.hero {
    color: #D9D9D9;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    user-select: none;

    position: absolute;
    top: 0;

    h1 {
        font-family: "Kaushan Script", sans-serif;
        font-weight: 200;

        text-shadow:
            2px 2px 2px black,
            -2px -2px 2px black,
            2px -2px 2px black,
            -2px 2px 2px black;
    }

    /* .mascot {
        height: 35vh;
        width: auto;
    } */

    svg {
        width: 60%;
        height: auto;
        max-width: 300px;
    }
}

#HeadPivot_1_,
#HandPivot {
    display: none;
}