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; } } } }