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

    .brand-heading {
        font-size: 600%;
        margin-left: -10%;
        .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 {
    width: 100vw;
    height: 100vh;

    form {
        &.pure-form.converse-form {
            margin: 1em;
            legend {
                color: $text-color;
            }
            label {
                margin-top: 1em;
            }
            input[type=text],
            input[type=password],
            input[type=number],
            input[type=button],
            input[type=submit] {
                height: 2.2em;
            }
            input[type=button],
            input[type=submit] {
                padding-left: 1em;
                padding-right: 1em;
                margin-right: 1em;
            }
        }
    }
}