@import url('https://fonts.googleapis.com/css2?family=Gotu&family=Noto+Sans+Mono&display=swap');

main {
    font-family: "Gentium Plus", sans-serif;
}

.ipa {
    font-family: "Noto Sans Mono", monospace;
    font-size: 14pt;
    font-style: normal;
}

h1, h2 {
    font-family: "Gotu", sans-serif;
}

blockquote {
    overflow-wrap: break-word;
    text-justify: none;
}

ul {
    list-style-type: disc;
    margin-left: 2rem;
}

ul + p {
    margin-top: 1rem;
}

/*
dt {
    font-size: 90%;
    font-style: italic;
    line-height: 1.2;
    text-decoration: underline;
    color: #555;
}

dt:after {
    content: ':'
}

dd {
    margin-left: 1rem;
    margin-bottom: 1rem;
}
*/

.works dt {
    background: linear-gradient(135deg, transparent 0.5rem, rgba(127, 127, 127, 0.2) 0) top left;
}
.works dd {
    background: linear-gradient(315deg, transparent 0.5rem, rgba(127, 127, 127, 0.1) 0) bottom right;
}
.title ul {
    text-align: left;
}
.title ul li {
    margin: 0 0 0 2rem;
}

/*
.buy a, body.dark-mode .buy a {
    padding: 0.3rem 0.5rem;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background: rgba(127, 127, 127, 0.2);
    background: linear-gradient(135deg, transparent 0.5rem, rgba(127, 127, 127, 0.2) 0) top left,
                linear-gradient(315deg, transparent 0.5rem, rgba(127, 127, 127, 0.2) 0) bottom right;
}
*/

figure {
    margin: 1rem auto;
    max-width: 90%;
}

figcaption {
    text-align: center;
    opacity: 0.9;
    font-size: 50%;
}
main.story .author, main.story .character, main.story h3 {
    font-family: "Gotu", sans-serif !important;
    text-align: center !important;
}
