@keyframes move {
    100% {
        background-position-x: -4000px;
        background-position-y: 7650px;
    }
}

body
{
    scrollbar-gutter: stable both-edges;
    overflow: overlay;
    background-color: #F9F9F9;
    background-image: url(res/ball_background.png);
    background-repeat: repeat;
    background-position-x: center;
    background-size: 256px;
    animation: move;
    animation-duration: 200s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Disable horizontal scroll */
body, html
{
    overflow-x: hidden !important;
}

.content
{
    width: auto;
    max-width: 1024px;
    margin-left: 32px;
    margin-right: 32px;
    margin-bottom: 256px;
    text-align: center;
}

@media only screen and (min-width: 1024px)
{
    .content
    {
        
        margin-left: auto;
        margin-right: auto;
    }
}

.section
{
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.section.first
{
    margin-top: 5rem;
    margin-bottom: 10rem;
}

.section .appicon
{
    filter: drop-shadow(5px 5px 10px black);
}

.section .applink
{
    display: block;
    width: 256px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;

    img
    {
        width: 100%; 
        height: auto; 
        vertical-align: middle; 
        object-fit: contain;
    }
}

.applink_bottom
{
    display: inline-block;
    width: 256px;
    vertical-align: top;

    img
    {
        width: 100%; 
        height: auto; 
        vertical-align: middle; 
        object-fit: contain;
    }
}

.privacy_policy_link
{
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 64px;
}

.section .screenshot
{
    max-width: 100%;
}

h1
{
    font-size: min(5em, 70px);
    margin-top: 1em;
    margin-bottom: 1em;
}

h2
{
    font-size: min(3em, 50px);
    margin-bottom: 0.2em;
}

h1, h2
{
    font-family: "Bowlby One", serif;
    font-weight: 400;
    font-style: normal;
    color: white;
    text-shadow: -4px -4px 2px #000, 4px -4px 2px #000, -4px 4px 2px #000, 4px 4px 2px #000;
    filter: drop-shadow(5px 5px 10px black);
}

p
{
    font-size: min(2em, 30px);
    color: #333;

    font-family: "Sriracha", serif;
    font-weight: 400;
    font-style: normal;
}

.section.first p
{
    margin-top: 1em;   
}