/* ---------------------------------------------------------------- */
/* ---------------------------- Styles ---------------------------- */
/* ---------------------------------------------------------------- */

html{
    height: calc(100% - 55px);
}

body{
    background-image: url("../img/background.png");
    background-size: 2048px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    
    min-height: 100%;
    
    position: relative;
    
    margin: 0px;
    padding-bottom: 55px;

    font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
}

#body{
    width: 1024px;
    
    margin: auto;
}

@font-face{
    font-family:'ArialRounded';
    src:url('../fonts/arial-rounded-bold-regular.eot');
    src:url('../fonts/arial-rounded-bold-regular.eot') format('embedded-opentype'),
        url('../fonts/arial-rounded-bold-regular.woff') format('woff'),
        url('../fonts/arial-rounded-bold-regular.ttf') format('truetype'),
        url('../fonts/arial-rounded-bold-regular.svg') format('svg');
}

@font-face{
    font-family:'ComicSansMT';
    src:url('../fonts/comic-sans-ms-bold.eot');
    src:url('../fonts/comic-sans-ms-bold.eot') format('embedded-opentype'),
        url('../fonts/comic-sans-ms-bold.ttf') format('truetype');
}