html, body {
    --main-padding: 20px;
}

@keyframes sprite {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -7750px;
    }
}

p {
    text-align: justify;
}

header {
    justify-content: end;
}

nav img {
    margin: 0 auto;
}


#sprite {
    background: url("../assets/animation_sprite_mobile.png");
    height: 300px;
    margin-right: 0;
    width: 320px;
}

#heading {
    font-size: 20px;
    left: 0;
    line-height: 32px;
    position: absolute;
}

#wikitude,
#friends {
    max-width: 100%;
}

#imprint {
    font-size: 1em;
}

#imprint table {
    font-size: 0.75em;
}

.heading {
    font-size: 20px;
    line-height: 24px;
}

#heading-break {
    display: block;
}

#intro {
    padding-top: var(--main-padding);
}