main {
    margin-left: calc(var(--width-margin-page-left) * 0.5);
    margin-right: calc(var(--width-margin-page-left) * 0.5);
}

h1 {
    padding-left: calc(var(--width-margin-page-left) * 0.5);
}

h2 {
    padding-left: calc(var(--width-margin-page-left) * 0.5);
    font: var(--font-level-02-bold);
    color: var(--color-strong);
}

input {
    /*width: var(--huge-width);*/
    /*height: calc(var(--small-height) * 1.5);*/
    height: calc(var(--med-height));
}

.alert.alert-info {
    display: inline-block;
    font: var(--font-body-sans);
}

.accept-policy {
    display: block;
}

.navbar-brand {
    font: var(--font-level-04);
}

.form-floating.mb-3 {
    margin-top: var(--small-height);
    font: var(--font-level-04);
}

.form-control {
    font: var(--font-level-04);
    height: var(--height-input);
}

/*.checkbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
*/
.form-check-input {
    margin: 0;
    vertical-align: bottom;
    position: relative;
}

.form-label {
    display: block;
    margin-top: var(--small-height);
    /*padding-left: 15px;*/
    padding-left: calc(var(--width-margin-page-left) * 0.5);
    /*text-indent: -15px;*/
    /*note minus value in calc function below*/
    text-indent: calc(var(--width-margin-page-left) * -0.5);
    font: var(--font-level-04);
}

.navbar-nav {

}

.nav-link {
    font: var(--font-level-04);
}

.navbar-brand {
    background-color: var(--color-neutral);
}

.container {
    padding-left: calc(var(--width-margin-page-left) * 0.5);
    padding-right: calc(var(--width-margin-page-left) * 0.5);
}

#forgot-password {
    display: block;
    margin-top: calc(var(--small-height) * 0.7);
}

#login-submit, .accept-policy, .btn-primary {
    width: var(--big-width);
    margin-left: 0px;
    margin-top: var(--small-height);
    margin-bottom: 1vh;
    font: var(--font-level-04);
    /*background-color: var(--color-neutral);*/
}