html, body, #app, .survey-form {
    min-height: 100%;
    height: 100%;
}

.survey-form {
    position: relative;
    overflow-x: hidden;
}

.site-nav {
    min-height: 51px;
    max-height: 51px;
}

body {
    background: #111;
    color: #eaeaea;
}

#navbarNav {
    z-index: 100;
    background: inherit;
}

.navbar-nav .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.main-content {
    margin-top: -51px;
    padding-top: 51px;
    height: 100%;
}

.survey-content {
    margin-top: 2rem;
    flex: 1;
}

.question {
    margin-top: 2rem;
    font-size: 1.2em;
}

.question ul {
    list-style: none;
    padding-left: 1rem;
}

label {
    display: block;
}

.form-footer {
    margin-top: 2rem;
}

.form-footer .row, .form-footer .btn {
    height: 100%;
}

.review .question.correct .question-text {
    color: #28a745;
}

.review .question.incorrect .question-text {
    color: #dc3545;
}

hr {
    border-color: #fff;
}