:root {
    --goldColor: #f3f5a4;
    --color125034: #36F09C;
    --leadColor: #ffffff;
    --textColor: #bbbbbb;
    --pageBorder: 1px solid var(--goldColor);
    --romanFont: 'Times New Roman', Times, serif;
}

p, a, li {
    color: var(--textColor);
}

div {
    color: #eeeeee;
}

html {
    height: 100%;
  }

body {
    height: 100%;
    min-height: 100%;
    background-color: #222222;
}

.page-container {
    background-color: #404040;
    border-left: var(--pageBorder);
    border-right: var(--pageBorder);
    min-height: 100%;
    max-width: 620px;
}

.page-header {
    padding-top: 30px;
    padding-bottom: 40px;
}

.page-header-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    /* text-decoration: underline; */
    text-decoration-color: #cccccc;
    color:  var(--leadColor);
    font-family: var(--romanFont);
    /* font-size: xx-large; */
}

.page-header-my-name {
    color: #cccccc;
}

.page-section {
    margin-top: 20px;
    margin-bottom: 20px;
}

.work-title {
    /* color: var(--goldColor); */
    color: var(--leadColor);
    font-size: x-large;
    margin: 20px;
    /* font-family: 'EB Garamond'; */
    font-family: var(--romanFont);
    /* font-variant: small-caps; */
}

.pdf-link {
    color: var(--color125034);
    text-decoration: none;
    /* margin-left: 20px; */
}

.pdf-link:hover {
    color: var(--goldColor);
}

.content-link {
    /* color: #eeeeee; */
    color: var(--color125034);
    text-decoration: none;
}

.notes-link {
    margin-left: 20px;
}

.content-link:hover {
    color: var(--goldColor);
}

/*********************************************************/

.notes-page-container {
    width: 1200px;
    /* background-color: #a2bea2; */
    background-color: #dddddd;
}

.notes-page-title {
    color: #000000;
}

.eLabel::before {
    color: #ff6666;
    content: "[Errata]\A";
    white-space: pre;
}

.rLabel::before {
    color: #580fbd;
    content: "[Remark]\A";
    white-space: pre;
}

.notes-list li, .notes-page-container p{
    color: #333333;
    /* 0.25em is the default value https://www.w3schools.com/cssref/pr_text_word-spacing.php */
    /* word-spacing: 0.25em; */
    /* word-spacing: 0.15em; */
}

.notes-list li p.disp-math {
    /* color: #eeeeee; */
    color: #000000;
    /* font-size: small; */
}

.notes-page-footer {
    margin-top: 30px;
    padding-bottom: 20px;
}

.notes-list {
    padding-left: 10px;
    margin-bottom: 80px;
}

.notes-page-link {
    color: #0000ff;
}