@CHARSET "UTF-8";

html
{
    height: 100%;
}

div.splash
{
    height: 100%;
    width: 100%;
    position: absolute;

    /* fade-in */
    opacity            : 0.0;
    transition         : opacity 2s ease-in;
    -moz-transition    : opacity 2s ease-in;
    -webkit-transition : opacity 2s ease-in;
    -o-transition      : opacity 2s ease-in;
}


div.splash img
{
    /* automagically scale image when resizing browser window */
    max-width : 100%;
    width     : auto;
    height    : auto;
    
    /* horizontally center image */
    display      : block;
    margin-left  : auto;
    margin-right : auto;
    background   : none;
}