*
{
    font-family: "微軟正黑體";
    text-align: center;
}

body
{
    background-color: #222;
}

body, html
{
    height: 100%;
    overflow: hidden;
}

.container
{
    width: 80%;
    height: 80%;
    margin: 10% auto;
}

h1
{
    font-size: 2em;
    color: #fff;
}

img
{
    max-width: 100%;
}

@media (min-width: 500px)
{
    img
    {
        max-width: 80%;
    }

    h1
    {
        font-size: 2.5em;
    }
}

@media (min-width: 800px)
{
    img
    {
        max-width: 60%;
    }

    h1
    {
        font-size: 3em;
    }
}