html, body {
    height: 100%;
    width: 100%;
}
.center { display: flex; flex-direction: column; justify-content: center; align-items: center; }
a { color: var(--accent-red); }
a:hover {  color: var(--accent-red-hover); }
a[nostyle] {
    text-decoration: none;
    color: inherit;
}
.section {
    font-size: 1.25rem;
    max-width: 1000px;
    margin: 0 auto 30px auto;
    padding: 12px;
}
.spacer-top {
    padding-top: 140px;
}
.header {
    line-height: 1.4;
    padding: 20px 26px;
    background: linear-gradient(175deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
    margin-bottom: 12px;
    border-radius: 14px;
    border: 3px solid rgba(255, 255, 255, 0.12);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
h1, h2, h3, h4, h5 { text-shadow: 2px 2px 8px rgba(0,0,0,0.5); }
.header .sub-text {
    color: #b6b8bc;
}