@charset "utf-8";

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

    body
    {
        width: 100%;
		height: 100%;
        background: #7b887a;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

        h1, h2, h3
        {
            color: #34658A;
        }

        p
        {
            color: #304959;
            font-size: 1.65rem;
        }

        a
        {
            color: #87BCD9;
            text-decoration: none;
        }

        span
        {
            color: #F5AF2B;
        }

        img
        {
            border: none;
            width: 400px;
        }

        div.container
        {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            text-align: center;
        }

            div.main
            {
                width: 80%;
            }

            div.footer
            {
                width: 80%;
                padding-bottom: 20px;
            }

                div.footer p
                {
                    font-size: .75rem;
                }