/* /////////////////////////////////////////////////////////////////////////////////////////////// */
/* in this .css I only have the media queries, everything else I had to put in the html file because
    the game client does not support .css
*/

/* Screen Width < 1000px*/
@media only screen and (max-width: 1000px), (max-height: 500px)
{
    .body
    {
        width: 750px;
        height: 1000px;
    }

    .background
    {
        width: 750px;
        height: 1000px;
        background-size: 750px 1000px;   
    }
}

/* Screen Width > 2000px */
@media (min-width: 2000px) 
{
    .body
    {
        font-size: 1.5rem; /* relative font size: 1rem = 16px */
    }

    .serverstatus_title_container
    {
        font-size: 2.7rem; /* relative font size: 1rem = 16px */
    }

    .serverstatus_desc_container
    {
        font-size: 1.6rem; /* relative font size: 1rem = 16px */
    }
}