body {
    overflow-x: hidden;
}

h1.site-title-appear {
    transition: opacity 1.25s;
    opacity: 0;
}

h1.site-title-appear-active {
    opacity: 1;
}

.site-menu-appear fieldset,
.site-menu-appear button {
    opacity: 0;
    transition: opacity .5s .5s;
}

.site-menu-appear.site-menu-appear-active fieldset,
.site-menu-appear.site-menu-appear-active button {
    opacity: 1;
}

.local-score-enter,
.local-score-appear {
    transform: translateX(100%);
    max-height: 0;
    padding: 0;
    transition: padding .5s, max-height .5s, transform .25s .25s;
}

.local-score-enter-active,
.local-score-appear-active {
    max-height: 100px;
    transform: translateX(0%);
}