html {
    position: fixed;
}

.stars {
    --offset-x: 0px;
    --offset-y: 0px;

    position: absolute;
    top: 0; left: 0;
    height: 100%; width: 100%;

    overflow: hidden;
    pointer-events: none;
}
.stars--zoom {
    --scale: 1.45;
    --duration: 0.2s;
    
    -webkit-transform: scale(var(--scale));
        -ms-transform: scale(var(--scale));
            transform: scale(var(--scale));

    opacity: 0;

    -webkit-transition: var(--duration) ease-out;
    -o-transition: var(--duration) ease-out;
    transition: var(--duration) ease-out;
}

.stars > svg {
    position: absolute;

    /* Cause flexbox to center in optimum 
    position (taking into account offset) */
    margin-top: calc(78px + 2 * var(--offset-y));
    margin-left: calc(48px + 2 * var(--offset-x));

    opacity: 0.69;
}

.flex-spacer--top {
    -webkit-box-flex: 0.311;
        -ms-flex: 0.311;
            flex: 0.311;

    min-height: 30.5px;
}
.flex-spacer--bottom {
    -webkit-box-flex: 0.688;
        -ms-flex: 0.688;
            flex: 0.688;

    min-height: 67.5px;
}

.center > h1 {
    margin: 0;

    font-weight: 400;
    font-size: 55px;
    line-height: 75px;
    text-align: center;
}

.center > h2 {
    margin: 8px 0 0;

    font-weight: 400;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
}

footer {
    margin-bottom: 25px;
    
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: rgba(255, 255, 250, 0.85);
}

footer > a {
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    
    -webkit-transition: color var(--trans-time);
    -o-transition: color var(--trans-time);
    transition: color var(--trans-time);
}
/* Prevent sticky hover on mobile */
@media (hover: hover) {
    footer > a:hover {
        color: rgba(255, 255, 250, 1);
    }
}