/*
 Global project stylesheet.
 */

@import mixins
@import variables

html, body
    height: 100%
    margin: 0
    padding: 0
    font-family: sans-serif

div#container
    min-height: 100%
    position: relative

    div#header
        padding: 10px

    div#body
        height: 100%
        padding-bottom: 110px
        padding-top: 4%

        div#center
            margin-left: auto
            margin-right: auto
            width: 75%

    div#footer
        @extend .t3
        @include delay(1s)

        background-color: $baseColor1
        bottom: -30px
        height: 60px
        padding-top: 15px
        position: fixed
        text-align: center
        width: 100%

        &:hover
            @include delay(0s)

            bottom: 0

        *
            color: white

        a
            @extend .t3

            font-size: 1.2em
            margin-left: 5%
            margin-right: 5%
            text-decoration: none

            &:hover
                text-decoration: underline

        p span
            font-size: 0.7em
