@media (min-width: 1300px)
{
    body
    {
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        font-family: railway;
        background-color: white;
        color: black;
        font-family: Arial, 'Arial Narrow';
        background-image: url(svg/background.svg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: contain;
    }
    
    a
    {
        font-size: 1.5rem;
        text-decoration: none;
        color: black;
    }
    
    #getToTopButton
    {
        display: none;
        position: fixed;
        bottom: 1rem;
        width: 4rem;
        right: 2rem;
        z-index: 99;
        border: none;
        outline: none;
        background-color: darkgrey;
        color: black;
        cursor: pointer;
        padding: 1rem;
        border-radius: 1rem;
        font-size: 2rem;  
    }
    
    #getToTopButton:hover
    {
        background-color: lightgray;
    }
    
    h1
    {
        font-size: 3rem;
    }
}

@media (min-width: 320px) and (max-width: 1300px)
{
    /* body
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        margin: 0;
    } */

    body
    {
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        font-family: railway;
        background-color: white;
        color: black;
        font-family: Arial, 'Arial Narrow';
        background-image: url(svg/background.svg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: contain;
        background-position: center;
    }

    a
    {
        font-size: 1.5rem;
        text-decoration: none;
        color: black;
    }

    h1
    {
        font-size: 2.0rem;
        text-align: center;
    }

    h2
    {
        font-size: 1.5rem;
        text-align: center;
    }

    #getToTopButton
    {
        display: none;
        position: fixed;
        bottom: 1rem;
        width: 2rem;
        right: 2rem;
        z-index: 99;
        border: none;
        outline: none;
        background-color: darkgrey;
        color: black;
        cursor: pointer;
        /* padding: 1rem; */
        border-radius: .5rem;
        font-size: 2rem;  
    }
}