body {
    font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background-color: $global-background-color;

    .brand-heading {
        font-size: 600%;
        margin-left: -10%;
        &.fade-in {
            @include fade-in;
            @include animation-delay(2s);
        }
        .icon-conversejs {
            font-size: 88%;
        }
    }

    div.content {
        height: 100vh;
        width: 100vw;
        position: fixed;
        background-color: $global-background-color;

        .inner-content {
            text-align: center;
            padding: 7%;
            @include calc(padding-left, '5% + #{$controlbox-width}');

            p.no-chats {
                padding-right: 10%;
                font-size: 120%;
            }
        }
    }
}

#conversejs.fullscreen {

    // XXX: why is this neccessary?
    margin-left: -15px;

    form {
        &.converse-form {
            margin: 1em;
            input[type=checkbox] {
                margin-left: 1em;
                display: inline;
                margin-bottom: 2em;
            }
            input[type=button],
            input[type=submit] {
                padding-left: 1em;
                padding-right: 1em;
                margin-right: 1em;
            }
        }
    }
}