/* General Layout */
:root {
    background-color: rgb(53, 56, 61);
}

:root,
html,
body {    
    font-family: Open Sans, sans-serif;
    margin: 0;
    padding: 0;
}

.unsupported-browser-banner {
    position: absolute;
    width: 100%;
    text-align: center;
    background: maroon;
    color: white;
    font-size: 14px;
    padding: 4px 0px;
}

.banner-logo {
    position: relative;
    user-select: none;
}

.banner-logo > img {
    opacity: 0.6;
    position: absolute;
    bottom: 0;
    right: 0;
}

.banner-logo > span {
    text-align: center;
    position: absolute;
    bottom: 77px;
    right: 20px;
    width: 230px;
    color: white;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
/* UI Elements */

/* Buttons Appearance */
button,
.fakebutton {
    height: 48px;
    box-sizing: border-box;
    border: 2px white solid;
    border-radius: 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    outline: 0;
}

button.large {
    height: 70px;
    font-size: 24px;
    line-height: 24px;
}

button.blue {
    background: #395673;
    color: white;
}

button.blue:hover:not(:disabled) {
    background: #5b7894;
    transition: background .2s;
    cursor: pointer;
}

button.blue:disabled {
    color: lightgrey;
    border-color: grey;
}

/* Textbox Appearance */
input[type=text],
input[type=password],
input[type=email],
input[type=text].login-style {
    height: 32px;
    font-size: 14px;
    border: solid black;
    border-width: 0 0 1px 0;
    box-sizing: border-box;
    padding: 0px 0px 0px 5px;
    outline: none;
}