@charset "UTF-8";
body {
    width: 100%;
    background-color: black;
    color: white;
    font-size: 10pt;
}
a {
    color: white;
}
img {
    display: block;
    width: 100%;
}
.display-block {
    display: block;
}

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

.text-decoration-none {
    text-decoration: none;
}

.display-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.display-flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.surface-gray-10p {
    background-color: rgb(10%, 10%, 10%);
}

.surface-gray-20p {
    background-color: rgb(20%, 20%, 20%);
}

@media (width < 768px) {
    .large-picture-container {
        aspect-ratio: 18 / 9;
        object-fit: cover;
    }
}

:root {
    --md-ref-typeface-brand: 'Noto Sans CJK SC', 'Noto Sans SC', 'Source Han Sans SC', 'Roboto', '微软雅黑', 'Microsoft YaHei';
    --md-ref-typeface-weight-regular: 400;
}

/* typography */

:root {
    --md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);
    --md-sys-typescale-title-large-size: 22px;
    --md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);
    --md-sys-typescale-title-large-line-height: 28px;
    --md-sys-typescale-title-large-tracking: 0;
}

.md-sys-typescale-title-large {
    font-family: var(--md-sys-typescale-title-large-font);
    font-size: var(--md-sys-typescale-title-large-size);
    font-weight: var(--md-sys-typescale-title-large-weight);
    line-height: var(--md-sys-typescale-title-large-line-height);
    word-spacing: var(--md-sys-typescale-title-large-tracking);
}

.md-center-aligned-top-app-bar {
    width: 100%;
    height: 64px;
}