/* Basic styles for non-Angular pages */
* { box-sizing: border-box; }
html { margin: 0; height: 100% }
body { margin: 0; min-height: 100%; padding: 2.5rem; font-family: "Noto Sans", sans-serif; color: #333;
        display: flex; justify-content: center; align-items: center; }
body > div { text-align: center; }
.card { background-color:#fff; background-clip: border-box; text-align: center; }
.btn { color: #fff; background-color: #333; font-size: 0.9375rem; padding: 0.5rem 1rem;
        border: none; border-radius: 4px; }
.btn:active { outline:none; background-color: #444; }
.btn:hover { outline:none; background-color: #555; }
.btn:focus { outline:none; background-color: #666; }
.divider { width: 100%; position: relative; text-align: center; margin-top: 1rem; }
.divider::before, .divider::after {
        content: ''; background-color: #ccc; height: 1px; width: calc(50% - 1em); top: 50%; position: absolute;
}
.divider::before { left: 0; }
.divider::after { right: 0; }
.col { width: 100%; }