/*********/
/* FONTS */
/*********/

@font-face {
    font-family: "AR PL SungtiL GB";
    src: url("/fonts/gbsn00lp.ttf");
}

@font-face {
    font-family: "BaskervilleF";
    src: url("/fonts/BaskervilleF-Regular.otf");
}

@font-face {
    font-family: "BaskervilleF";
    src: url("/fonts/BaskervilleF-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: "BaskervilleF";
    src: url("/fonts/BaskervilleF-Italic.otf");
    font-style: italic;
}

@font-face {
    font-family: "BaskervilleF";
    src: url("/fonts/BaskervilleF-BoldItalic.otf");
    font-weight: bold;
    font-style:  italic;
}

@font-face {
    font-family: "BioRhyme";
    src: url("/fonts/BioRhyme-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Corben";
    src: url("/fonts/Corben-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Meie Script";
    src: url("/fonts/MeieScript-Regular.ttf");
}

@font-face {
    font-family: "Mint Spirit";
    src: url("/fonts/MintSpirit-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: "Recursive Mono Linear Static";
    src: url("/fonts/RecursiveMonoLnrSt-Regular.otf");
}

/********/
/* MAIN */
/********/

body {
    background: url('/city_rug_adj.png');
    background-size: 100% auto;
    color: #e7efe7;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 1.3em;
    font-family: "BaskervilleF", serif;
}

code {
    font-family: "Recursive Mono Linear Static", monospace;
    background: #ffffff1d;
    padding: 0 0.2125em;
}

.outer-body {
    width: 675px;
    background: #00000040;
    margin: 0 auto;
    padding: 0 64px;
    border-style: none dotted;
    border-width: 0 32px;
    border-image-source: radial-gradient(circle,
                                rgba(32, 32, 32, 0.82) 0%,
                                rgba(100, 100, 100, 0.4) 20%,
                                rgba(100, 100, 100, 0.4) 40%,
                                rgba(32, 32, 32, 0.22) 100%);
    border-image-slice: 100;
}

.inner-body {
    margin: 0 auto 1em;
    padding: 1em 64px;
    border-style: none dotted;
    border-width: 0 32px;
    border-color: #a2a5a340;
}

h3, h4, h5, h6 {
    margin-left: -1em;
}

h3, h4, h5, h6, th, .budget-link, .tale-link, .read-more-link {
    font-family: "Mint Spirit", sans-serif;
}

h1, h2, h3, h4, h5, h6, .credits-footer {
    text-align: center;
}

h1 {
    width: 180%;
    margin-left: -40%;
    color: #ffd0fe;
    font-family: "Corben";
    line-height: 170%;
}

h2 {
    color: #ffabd6;
    font-family: "BioRhyme";
}

h3 {
    color: #ffa0de;
}

h4, th, .donate-link code {
    color: #ff90ce;
}

h5 {
    color: #e6c0c0;
}

h6 {
    color: #fff4fd;
    margin: 0;
}

a:link, a:visited:active {
    color: #97e6e6;
}

a:visited, a:link:active {
    color: #ffcfcf;
}

.mega {
    color: #00ffcf;
}

.title-num {
    font-family: "Meie Script";
    font-size: 250%;
    color: #ffdaaa;
}


.progress-outer {
    width: 100%;
}

.progress-container-1 {
    border-radius: 40px;
    border: 5px dashed #6d6dfc;
    background: #364c3787;
    width: 70%;
    height: 100px;
    margin: 0 auto;
}
.progress-container-2 {
    border-radius: 30px;
    border: 5px dashed #97c7bbb8;
    background: #365d5b42;
    width: 98%;
    height: 100%;
    margin: 0 auto;
}

.progress-container-3 {
    border-radius: 40px;
    border: 5px dashed #c0aae99e;
    background: #575d5347;
    background: #575D5347;
    background: linear-gradient(180deg, #575d5347 0%, #575d5347 5%, rgba(222, 218, 191, 0.35) 38%, #575d5347 93%, #575d5347 100%);
    width: 98%;
    height: 85%;
    margin: 0 auto;
    margin-top: -30%;
}

.progress-bar {
    border-radius: 30px;
    background: #c225c757;
    height: 100%;
}

.progress-amt, .progress-last-updated {
    text-align: center;
}

.progress-last-updated {
    font-style: italic;
    margin-top: -3%;
    font-size: 80%;
}

table {
    width: 80%;
}

table, .donate-link {
    margin: 0 auto;
    border: 2px double #579158c0;
    padding: 10px;
    text-align: center;
}

td {
    border: 1px solid #aaa;
    padding: 5px;
}

.main-archive-links {
    display: flex;
    flex-flow: row;
    column-gap: 1em;
    border: 1px outset #4995d8;
    padding: 1em;
    background: #01010121;
    width: 77%;
    margin: 0 auto;
}

.main-archive-links > a {
    width: 50%;
    text-align: center;
    border: 1px solid #dca286;
    padding: 1em;
    margin: 1px;
}

.budget-link, .read-more-link {
    text-align: center;
    font-weight: bold;
    margin-top: 0.5em;
}

.read-more-link {
    margin-bottom: 2em;
}

.tale-link {
    font-weight: bold;
}

.post-preview {
    border: 4px groove #7d8f5c;
    padding: 2em;
    background: #01010121;
    margin-bottom: 2em;
}

.post-downloads {
    border: 2px dotted #c66a6ab0;
    width: 70%;
    margin: 0 auto;
    padding: 1em 0;
    text-align: center;
    display: flex;
    flex-flow: row;
    align-self: center;
    justify-content: center;
    column-gap: 1em;
}

.post-download-links {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-self: center;
    justify-content: center;
    row-gap: 1em;
}

.donate-link {
    display: flex;
    flex-flow: column;
    align-self: center;
    justify-content: center;
    width: 70%;
    font-weight: bold;
}

.post-download-links > a, .main-archive-links > a, .donate-link > a {
    border: 2px groove #ebb8b8d0;
    border-radius: 15px;
    padding: 1em 2em;
    background: #202020a0;
    background: radial-gradient(circle,
                                rgba(32, 32, 32, 0.82) 0%,
                                rgba(100, 100, 100, 0.4) 20%,
                                rgba(100, 100, 100, 0.4) 79%,
                                rgba(32, 32, 32, 0.22) 100%);
}

.post-download-links code, .main-archive-links code, .donate-link code {
    padding: 0.225em 0.75em;
}

.credits-footer {
    color: #e6c0c0a0;
    font-size: 0.65em;
    font-family: "Mint Spirit", serif;
    font-weight: bold;
}

.heavy-asterisk, .sungtil {
    font-family: "AR PL SungtiL GB";
}

.lower-padding {
    padding-bottom: 0.5em;
}