html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    font-family: IM Fell English;
    margin: 0;
    padding: 0;
    min-height: 100%;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --default-white: #fffff8;
    --default-black: #111;
    --default-blue: #b4d5fe;
    --accent: #903;
    --bg: var(--default-white);
    --fg: var(--default-black);
    --cursor-default-right: url(/images/manicules/manicule-default-right.png) 113 46;
    --cursor-default-left: url(/images/manicules/manicule-default-left.png) 0 46;
    --cursor-alt-left-up: url(/images/manicules/manicule-alt-left-up.png) 0 0;
    --cursor-alt-right-up: url(/images/manicules/manicule-alt-right-up.png) 81 0;
    --cursor-alt-left-down: url(/images/manicules/manicule-alt-left-down.png) 0 126;
    --cursor-alt-right-down: url(/images/manicules/manicule-alt-right-down.png) 81 126
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
}

*,:hover {
    cursor: var(--cursor-default-left),var(--cursor-default-right),var(--cursor-alt-left-up),var(--cursor-alt-right-up),var(--cursor-alt-left-down),var(--cursor-alt-right-down),auto;
}

*,:after,:before {
    box-sizing: inherit;
    text-decoration-thickness: .2rem;
}

a {
    color: var(--fg)
}

img {
    max-width: 100%;
    height: auto
}

section {
    padding: 4rem 0
}

button,input[type=button],input[type=reset],input[type=submit] {
    display: inline-block;
    vertical-align: middle;
    padding: .4rem 1rem;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1rem;
    background: var(--bg);
    color: var(--fg);
    border: .2rem solid var(--fg);
    border-radius: 0
}

button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled {
    color: var(--fg);
    background: var(--bg);
    cursor: not-allowed
}

ul {
    list-style: square
}

fieldset {
    border: .2rem solid var(--fg)
}

label,legend {
    display: block;
    font-weight: 700;
    margin-bottom: .8rem
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    box-sizing: inherit;
    padding: .4rem 1rem;
    width: 100%;
    font-size: 2rem;
    color: var(--fg);
    background-color: var(--bg);
    border: .2rem solid var(--fg);
    border-radius: 0
}

fieldset,input,select,textarea {
    margin: 0 0 1.6rem
}

input::placeholder,textarea::placeholder {
    color: var(--fg);
    font-style: italic
}

table {
    width: 100%;
    border-spacing: 0
}

td,th {
    padding: .8rem
}

td:first-child,th:first-child {
    padding-left: 0
}

td:last-child,th:last-child {
    padding-right: 0
}

th {
    border-bottom: .2rem solid var(--fg);
    text-align: left
}

td {
    border-bottom: .1rem solid var(--fg)
}

blockquote,pre {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.6rem;
    border-left: .2rem solid var(--fg);
    overflow-y: hidden
}

pre {
    border-left: .2rem solid var(--fg)
}

pre>code {
    white-space: pre;
    display: block;
    font-size: 1.6rem
}

progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%;
    background: var(--bg);
    color: var(--fg);
    border: .2rem solid var(--fg);
    border-radius: 0
}

progress::-webkit-progress-bar {
    background-color: var(--bg)
}

progress::-webkit-progress-value {
    background-color: var(--fg)
}

progress::-moz-progress-bar {
    background-color: var(--fg)
}

hr {
    border: .1rem solid var(--fg);
    text-align: center
}

hr:after {
    content: "I";
    font-family: flower2;
    display: inline-block;
    position: relative;
    top: -1rem;
    padding: 0 10px;
    color: var(--fg);
    font-size: 18px
}

code[class*=language-],pre[class*=language-] {
    color: #3c3836;
    font-family: Consolas,Monaco,Andale Mono,monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection {
    color: #282828;
    background: #a89984
}

pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection {
    color: #282828;
    background: #a89984
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #f9f5d7
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.comment,.token.prolog,.token.cdata {
    color: #7c6f64
}

.token.delimiter,.token.boolean,.token.keyword,.token.selector,.token.important,.token.atrule {
    color: #9d0006
}

.token.operator,.token.punctuation,.token.attr-name {
    color: #7c6f64
}

.token.tag,.token.tag .punctuation,.token.doctype,.token.builtin {
    color: #b57614
}

.token.entity,.token.number,.token.symbol {
    color: #8f3f71
}

.token.property,.token.constant,.token.variable {
    color: #9d0006
}

.token.string,.token.char {
    color: #797403
}

.token.attr-value,.token.attr-value .punctuation {
    color: #7c6f64
}

.token.url {
    color: #797403;
    text-decoration: underline
}

.token.function {
    color: #b57614
}

.token.regex {
    background: #797403
}

.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.inserted {
    background: #7c6f64
}

.token.deleted {
    background: #9d0006
}

@font-face {
    font-family: "cursive";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/cursive.woff)
}

@font-face {
    font-family: flower2;
    font-style: normal;
    src: url(/fonts/im-fell/flower2.woff2);
    font-display: swap
}

@font-face {
    font-family: flower1;
    font-style: normal;
    src: url(/fonts/im-fell/flower1.woff2);
    font-display: swap
}

@font-face {
    font-family: IM Fell English SC;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/im-fell/sc.woff2)
}

@font-face {
    font-family: dc-floral;
    src: url(/fonts/drop-caps/floral.woff2);
    font-display: swap
}

@font-face {
    font-family: IM Fell English;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/im-fell/italic.woff2)
}

@font-face {
    font-family: IM Fell English;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/im-fell/reg.woff2)
}

@keyframes spring {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.2,.6) translateY(7rem)
    }

    30% {
        transform: scale(.8,1.1) translateY(-5rem)
    }

    50% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

.spring[data-astro-cid-g2lrb5xm] {
    pointer-events: auto
}

.spring[data-astro-cid-g2lrb5xm]:hover {
    animation: spring 2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}

.header-branding[data-astro-cid-g2lrb5xm] {
    pointer-events: none;
    position: relative;
    margin-top: 4rem
}

.dropcap[data-astro-cid-g2lrb5xm] .actual[data-astro-cid-g2lrb5xm],.dropcap[data-astro-cid-g2lrb5xm] .period[data-astro-cid-g2lrb5xm] {
    font-size: 25.5rem
}

.dropcap[data-astro-cid-g2lrb5xm] .actual[data-astro-cid-g2lrb5xm] {
    color: var(--accent);
    font-family: dc-floral;
    vertical-align: sub
}

.dropcap[data-astro-cid-g2lrb5xm] .period[data-astro-cid-g2lrb5xm] {
    font-size: 25.5rem
}

.dropcap[data-astro-cid-g2lrb5xm] .rest[data-astro-cid-g2lrb5xm] {
    font-size: 15rem
}

.sr-only[data-astro-cid-g2lrb5xm] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

img[data-astro-cid-g2lrb5xm] {
    position: absolute;
    top: -4rem;
    left: 59rem;
    width: unset
}

@media (max-width: 760px) {
    .dropcap[data-astro-cid-g2lrb5xm] .actual[data-astro-cid-g2lrb5xm],.dropcap[data-astro-cid-g2lrb5xm] .period[data-astro-cid-g2lrb5xm] {
        font-size:13.5rem
    }

    .dropcap[data-astro-cid-g2lrb5xm] .rest[data-astro-cid-g2lrb5xm] {
        font-size: 9rem
    }

    img[data-astro-cid-g2lrb5xm] {
        left: 34rem;
        height: 15rem!important;
        width: unset!important
    }
}

@media (max-width: 450px) {
    .dropcap[data-astro-cid-g2lrb5xm] .actual[data-astro-cid-g2lrb5xm],.dropcap[data-astro-cid-g2lrb5xm] .period[data-astro-cid-g2lrb5xm] {
        font-size:9rem;
        vertical-align: unset
    }

    .dropcap[data-astro-cid-g2lrb5xm] .rest[data-astro-cid-g2lrb5xm] {
        font-size: 6rem
    }

    img[data-astro-cid-g2lrb5xm] {
        top: -1.5rem;
        left: 23rem;
        height: 9rem!important;
        width: unset!important
    }
}

.flower2[data-astro-cid-pux6a34n] {
    font-family: flower2!important;
    font-variant: unset!important;
    vertical-align: sub;
    font-size: 3rem;
}

nav[data-astro-cid-pux6a34n] {
    font-size: 3rem;
    margin-top: -6rem;
    font-size: 2rem;
}

a[data-astro-cid-pux6a34n] {
    font-size: 3rem;
    height: min-content;
    padding: 0 1rem
}

@media (max-width: 760px) {
    nav[data-astro-cid-pux6a34n] {
        margin-top:-1rem;
        font-size: 2rem
    }

    a[data-astro-cid-pux6a34n] {
        padding: 0 .5rem
    }
}

@media (max-width: 450px) {
    nav[data-astro-cid-pux6a34n] {
        margin-top:-1rem;
        font-size: 2.25rem
    }

    a[data-astro-cid-pux6a34n] {
        font-size: 2.25rem;
        padding: 0 .4rem
    }

    .flower2[data-astro-cid-pux6a34n] {
        display: none
    }
}

header {
    padding: 2rem 0 10rem;
    margin: auto
}

@media (max-width: 760px) {
    header {
        display:flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem 0 10rem
    }
}

@media (max-width: 450px) {
    header {
        padding:0 0 5rem
    }
}

:host[data-astro-cid-6gcrueho] {
    display: block;
    margin: auto;
    position: relative;
    border: 0 solid #000;
    display: none
}

.note1[data-astro-cid-6gcrueho],.note2[data-astro-cid-6gcrueho],.note3[data-astro-cid-6gcrueho],.note4[data-astro-cid-6gcrueho] {
    position: absolute;
    animation: notes 2s infinite linear;
    font-size: inherit opacity: 0
}

.note1[data-astro-cid-6gcrueho] {
    top: 60px;
    left: 0;
    animation-delay: .5s
}

.note2[data-astro-cid-6gcrueho] {
    top: 30px;
    left: 30%;
    animation-delay: 1s
}

.note3[data-astro-cid-6gcrueho] {
    top: 90px;
    left: 60%;
    animation-delay: 1.5s
}

.note4[data-astro-cid-6gcrueho] {
    top: 40px;
    left: 90%;
    animation-delay: 2s
}

@keyframes notes {
    0% {
        transform: scale(1) translate(0);
        opacity: 0
    }

    50% {
        opacity: 1;
        transform: scale(1.5) translate(50%,-50%)
    }

    80% {
        opacity: 0;
        transform: scale(1.5) translate(100%,-100%)
    }

    to {
        transform: scale(1.5) translate(100%,-100%);
        opacity: 0
    }
}

img[data-astro-cid-q7a5pyro] {
    max-width: unset!important
}

button[data-astro-cid-q7a5pyro].skip,button[data-astro-cid-q7a5pyro].playPause {
    position: absolute;
    background: unset;
    border: unset;
    bottom: -8rem
}

.archer[data-astro-cid-q7a5pyro],.arrow[data-astro-cid-q7a5pyro] {
    width: 10rem
}

.archer[data-astro-cid-q7a5pyro] {
    transform: scaleX(-1)
}

.arrow[data-astro-cid-q7a5pyro] {
    z-index: -1;
    position: absolute;
    transform: scaleX(-1) scale(.75) rotate(25deg);
    left: 3rem;
    top: 3rem
}

.manHorse[data-astro-cid-q7a5pyro] {
    width: 20rem
}

.skip[data-astro-cid-q7a5pyro] {
    left: -20rem
}

.playPause[data-astro-cid-q7a5pyro] {
    right: -24rem
}

@media (max-width: 1050px) {
    .manHorse[data-astro-cid-q7a5pyro] {
        width:15rem
    }

    .playPause[data-astro-cid-q7a5pyro] {
        position: initial;
        overflow: hidden;
        margin-left: auto
    }
}

@media (max-width: 760px) {
    .manHorse[data-astro-cid-q7a5pyro] {
        width:8rem
    }
}

@keyframes shakeManHorse {
    0% {
        transform: translate(1px,1px) rotate(0)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

.shakeManHorse[data-astro-cid-q7a5pyro] {
    animation: shakeManHorse 2s;
    animation-iteration-count: infinite
}

@keyframes shootArrow {
    0% {
        transform: scaleX(-1) scale(.75);
        left: 3rem
    }

    25% {
        transform: scaleX(-1) scale(.75) rotate(17deg);
        left: 29rem
    }

    50% {
        transform: scaleX(-1) scale(.75) rotate(-17deg);
        left: 58rem
    }

    75% {
        transform: scaleX(-1) scale(.75);
        left: 87rem
    }

    to {
        transform: scaleX(-1) scale(.75);
        left: 87rem
    }
}

.shootArrow[data-astro-cid-q7a5pyro] {
    animation: linear shootArrow 2s forwards
}

.hideNotes[data-astro-cid-q7a5pyro] {
    visibility: hidden
}

.fluteNotes[data-astro-cid-q7a5pyro],.lyreNotes[data-astro-cid-q7a5pyro] {
    position: absolute;
    width: 5%;
    font-size: 1rem
}

.fluteNotes[data-astro-cid-q7a5pyro] {
    right: 1rem;
    top: 6rem
}

.lyreNotes[data-astro-cid-q7a5pyro] {
    left: 9rem
}

#musicWrapper[data-astro-cid-q7a5pyro],#skipWrapper[data-astro-cid-q7a5pyro] {
    position: relative;
    width: fit-content
}

#musicPlayer[data-astro-cid-q7a5pyro] {
    position: relative;
    height: 0;
    max-width: 66.9rem;
    width: 100%;
    margin: auto
}

.salutation[data-astro-cid-gdmrbrho] {
    max-width: 66.9rem;
    width: 100%;
    margin: auto;
    font-size: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.flower2[data-astro-cid-gdmrbrho] {
    display: inline-block;
    font-family: flower2!important;
    font-variant: unset!important;
    vertical-align: middle;
    font-size: 2rem
}

.smallcap[data-astro-cid-gdmrbrho] {
    font-family: IM Fell English SC;
    font-variant: small-caps
}

@keyframes leafAnimation {
    0% {
        transform: translate(0) rotate(1440deg)
    }

    40% {
        transform: translate(4rem,4rem) rotate(1080deg)
    }

    60% {
        transform: translate(18rem,4rem) rotate(720deg)
    }

    80% {
        transform: translate(42rem,11rem) rotate(360deg)
    }

    to {
        transform: translate(50rem,14rem) rotate(0)
    }
}

.blownAway[data-astro-cid-gdmrbrho] {
    animation: leafAnimation 6s linear
}

@keyframes wiggle {
    0% {
        transform: rotate(0)
    }

    80% {
        transform: rotate(0)
    }

    85% {
        transform: rotate(5deg)
    }

    95% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

.wiggle[data-astro-cid-gdmrbrho] {
    animation: wiggle 2.5s infinite
}

.bar[data-astro-cid-p3givckg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    margin-bottom: 1.5rem
}

[data-astro-cid-p3givckg][astro-icon] {
    display: inline;
    line-height: 1;
    height: 1.5em;
    width: 1.5em;
    fill: var(--fg)
}

a[data-astro-cid-p3givckg] {
    text-decoration: none
}

.list[data-astro-cid-p3givckg] {
    display: flex;
    cursor: var(--cursor-default-left);
    flex-direction: row;
    position: relative;
    gap: 1rem
}

heading[data-astro-cid-p3givckg]:focus {
    outline: unset
}

.entry[data-astro-cid-p3givckg] {
    display: flex;
    align-items: flex-end
}

.content[data-astro-cid-p3givckg] {
    display: flex;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.content[data-astro-cid-p3givckg].left {
    align-items: flex-end;
    justify-content: flex-start;
    width: 16rem;
    right: -18rem
}

.content[data-astro-cid-p3givckg].right {
    align-items: flex-end;
    justify-content: flex-end;
    left: -18rem;
    width: 16rem
}

.content[data-astro-cid-p3givckg]>p[data-astro-cid-p3givckg] {
    margin: unset;
    margin-inline:unset;margin-block:unset;padding: unset
}

.heading[data-astro-cid-p3givckg]:focus+.content[data-astro-cid-p3givckg],.heading[data-astro-cid-p3givckg]:hover+.content[data-astro-cid-p3givckg] {
    animation: footBarOpeningAnimation 2s ease-in-out forwards
}

@keyframes footBarOpeningAnimation {
    0% {
        visibility: initial;
        opacity: 0
    }

    to {
        visibility: initial;
        opacity: 100
    }
}

footer[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: visible;
    padding-top: 20rem
}

.topline[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

hr[data-astro-cid-sz7xmlte] {
    max-width: 66.9rem;
    width: 100%;
    margin: auto
}

.list[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem
}

[data-astro-cid-sz7xmlte][astro-icon] {
    display: inline;
    line-height: 1;
    height: 1.5em;
    width: 1.5em;
    fill: var(--fg)
}

a[data-astro-cid-sz7xmlte] {
    text-decoration: none
}

img[data-astro-cid-5dda5nwp] {
    position: absolute
}

.tt1[data-astro-cid-5hce7sga] {
    position: relative;
    max-width: 66.9rem;
    padding: 0 1rem;
    width: 100%;
    flex: 1 0 auto;
    line-height: 2.5rem;
}

.border[data-astro-cid-5dda5nwp] {
    transform: scaleX(-1);
    top: -4rem;
    left: -16rem;
    pointer-events: none
}

.man[data-astro-cid-5dda5nwp] {
    transform: scaleX(-1) scale(.7);
    top: 15.1rem;
    left: -9.5rem;
}

@keyframes shakeMan {
    0% {
        transform: scaleX(-1) scale(.7) translate(1px,1px) rotate(0)
    }

    10% {
        transform: scaleX(-1) scale(.7) translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: scaleX(-1) scale(.7) translate(-3px) rotate(1deg)
    }

    30% {
        transform: scaleX(-1) scale(.7) translate(3px,2px) rotate(0)
    }

    40% {
        transform: scaleX(-1) scale(.7) translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: scaleX(-1) scale(.7) translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: scaleX(-1) scale(.7) translate(-3px,1px) rotate(0)
    }

    70% {
        transform: scaleX(-1) scale(.7) translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: scaleX(-1) scale(.7) translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: scaleX(-1) scale(.7) translate(1px,2px) rotate(0)
    }

    to {
        transform: scaleX(-1) scale(.7) translate(1px,-2px) rotate(-1deg)
    }
}

.shakeMan[data-astro-cid-5dda5nwp] {
    animation: shakeMan 2s
}

@keyframes fall {
    0% {
        transform: scaleX(-1) scale(.7) rotate(10deg)
    }

    95% {
        transform: scaleX(-1) scale(.7) rotate(90deg);
        top: 90%;
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: scaleX(-1) scale(.7) rotate(90deg);
        top: 93%;
        opacity: 0;
        visibility: hidden
    }
}

.fallMan[data-astro-cid-5dda5nwp] {
    animation: fall 5s
}

.hide[data-astro-cid-5dda5nwp] {
    display: none
}

body {
    display: flex;
    flex-direction: column;
    background-color: var(--bg);
    color: var(--fg);
    background-image: url(/images/background.png);
    background-repeat: repeat;
    font-size: 2rem;
    font-weight: 400;
    min-height: 100vh;
    margin: unset
}

main{
    margin: auto
}

main{
    position: relative;
    max-width: 85rem;
    padding: 0 1rem;
    width: 100%;
    flex: 1 0 auto;
    line-height: 2.5rem;
}


@media (max-width: 760px) {
    .borderArt[data-astro-cid-5hce7sga] {
        display:none
    }
}

time[data-astro-cid-ijeeojtv] {
    color: #bebebe
}

a[data-astro-cid-blwjyjpt] {
    color: unset;
    text-decoration: unset
}

[data-astro-cid-25hspfqr],[data-astro-cid-25hspfqr]:hover {
    cursor: var(--cursor-default-left),var(--cursor-default-right),var(--cursor-alt-left-up),var(--cursor-alt-right-up),var(--cursor-alt-left-down),var(--cursor-alt-right-down),auto!important
}

.card[data-astro-cid-25hspfqr] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem
}

span[data-astro-cid-25hspfqr] {
    flex: 1
}

.tags[data-astro-cid-25hspfqr] {
    font-size: 1rem
}

ul[data-astro-cid-tnxfol2s] {
    padding-inline:unset;display: flex;
    flex-direction: column;
    gap: 1rem
}

/*
li {
    list-style: none;
    display: block
}
*/

li:hover:before {
    aspect-ratio: 1/1;
    content: url(/images/point-right-sm.png);
    position: absolute;
    margin-left: -100px
}

    /* TOC inspired by https://jashkenas.github.com/coffee-script */
    #table-of-contents {
    z-index: 1;
    margin-top: 105px;
    font-size: 10pt;
    font-family:jinkaiFont,sans-serif;
    position: fixed;
    /*right: 0em;*/
    left: 0em;
    top: 0em;
    background: white;
    line-height: 12pt;
    text-align: right;
    box-shadow: 0 0 1em #777777;
    -webkit-box-shadow: 0 0 1em #777777;
    -moz-box-shadow: 0 0 1em #777777;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    background-color: #fffff8;
    /* ensure doesn't flow off the screen when expanded */
    max-height: 80%;
    overflow: auto; }
    #table-of-contents h2 {
    font-size: 13pt;
    max-width: 9em;
    border: 0;
    font-weight: normal;
    margin-top: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.05em;
    padding-bottom: 0.05em; }
    #table-of-contents #text-table-of-contents {
    display: none;
    text-align: left; }
    #table-of-contents:hover #text-table-of-contents {
    display: block;
    padding: 0.5em;
    margin-top: -1.5em; }