nav {
    position: absolute;
}

html, body, main {
    display: block;
    color: #333;
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 5;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0em 0;
}

main > section {
    background: transparent !important;
}

body > footer {
    height: 2em;
    margin-top: -2em;
    text-align: center;
}

.text-muted, .text-muted a {
    color: #AAAAAA !important;
}

.right {
    justify-content: flex-end;
}

.mt-0 {
    margin-top: 0;
}

.pb-03 {
    padding-bottom: 0.3em;
}

.p-4 {
    padding: 1em;
}

.w-100 {
    width: 100%;
}

.ml-0 {
    margin-left: 0em !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

main > section {
    background: #fff;
    text-align: left;
    width: 90% !important;
    max-width: 960px;
    margin: 0 auto  !important;
    padding: 80px 0 40px;
}

input:-moz-read-only { /* For Firefox */
    background-color: #dddddd;
}

input:read-only {
    background: #dddddd;
}

.alert {
    border-radius: .2em;
    border: 1px solid #ccc; 
    overflow: hidden;
    text-align: left;
    background: #fff;
    margin-bottom: .6em;
    padding: .6em .8em;
    transition: all .3s ease;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.error {
    border: 1px solid #ff4136;
}

subtitle, .subtitle {
    font-size: 0.9em;
    color: #AAAAAA;
    margin-top: -0.5em;
    margin-bottom: 1em;
}

subtitle a, .subtitle a {
    color: #49aaff;
}

.yellow {
    background: #FFDC00;
}

span[title] {
    text-decoration-line: underline;
    text-decoration-style: dotted;
  }

/* https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 */
.icon {
    display: inline-flex;
    align-self: center;
}

.icon svg, .icon img {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.icon.baseline svg, .icon img {
    top: .125em;
    position: relative;
}