/* This file is kept intentionally blank inside the jekyll-github-theme
 * It gets imported at the end of custom.css
 * Its purpose is for users of the theme to be able to add css rules from a blank file
 *   these get simply added to the ones already active in the layout.
 */

/* Old Standard TT */
@font-face {
    font-family: 'Old Standard TT';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Old_Standard_TT/OldStandardTT-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Old Standard TT';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Old_Standard_TT/OldStandardTT-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Old Standard TT';
    font-weight: 400;
    font-style: italic;
    src: url('fonts/Old_Standard_TT/OldStandardTT-Italic.ttf') format('truetype');
}

/* IBM Plex Sans — variable */
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100 700;
    font-style: normal;
    font-stretch: 75% 100%;
    src: url('fonts/IBM_Plex_Sans/IBMPlexSans-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100 700;
    font-style: italic;
    font-stretch: 75% 100%;
    src: url('fonts/IBM_Plex_Sans/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}

/* IBM Plex Sans — static, normal stretch */
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: italic;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans-BoldItalic.ttf') format('truetype');
}

/* IBM Plex Sans — static, semi-condensed */
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: normal;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: italic;
    font-stretch: semi-condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_SemiCondensed-BoldItalic.ttf') format('truetype');
}

/* IBM Plex Sans — static, condensed */
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-style: italic;
    font-stretch: condensed;
    src: url('fonts/IBM_Plex_Sans/static/IBMPlexSans_Condensed-BoldItalic.ttf') format('truetype');
}

/* IBM Plex Mono */
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 100;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 100;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 200;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 200;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 300;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 400;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 500;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 500;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 600;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 600;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-weight: 700;
    font-style: italic;
    src: url('fonts/IBM_Plex_Mono/IBMPlexMono-BoldItalic.ttf') format('truetype');
}

/* Sitelen Lenluwi */
@font-face {
    font-family: 'sitelen seli kiwen mono asuki';
    src: url('fonts/SitelenSeliKiwen/sitelenselikiwenmonoasuki.ttf') format('truetype');
}

/* Story Script */
@font-face {
    font-family: 'Story Script';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Story_Script/StoryScript-Regular.ttf') format('truetype');
}

.markdown-section h1 {    
    font-family: 'Story Script';
    font-size: 3em;
    line-height: 1em;
    font-weight: 400;
    font-style: normal;
}

.markdown-section h2 {
    font-family: 'Old Standard TT', serif;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: -1px;
    font-weight: 400;
    font-style: normal;
}

.markdown-section h3 {
    font-family: 'Old Standard TT', serif;
	font-weight: 400;
    font-style: normal;
}

.markdown-section h4 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
}

.markdown-section p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
}

.markdown-section a {
    font-weight: 500;
    text-decoration: underline;
}

.markdown-section blockquote {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
}
.markdown-section code, 
.markdown-section pre {
    font-family: 'IBM Plex Mono', sans-serif;
    font-weight: 400;
}

.sitelen {
	font-family: 'sitelen seli kiwen mono asuki', sans-serif;
	font-style: normal;
}

.headline-text {
	font-family: 'Story Script';
    font-size: 3em;
    line-height: 1em;
    font-weight: 400;
    font-style: normal;
}

.page-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
    padding-top: 3em;
    border-top: 1px solid var(--border-color, #6b9eea);
}

.page-nav-btn {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
    padding: 0.5em 1em;
    border: 1px solid var(--border-color, #6b9eea);
    width: 40%;
    max-width: 45%;
    height: 8vh;
    display: flex;
    align-items: center;
    color: #6b9eea;
    border-radius: 10px;
    flex-direction: row;
}

.page-nav-btn:hover {
    text-decoration: none;
    background-color: #6b9eea;
    color: #f6f6f6;
    opacity: 0.75;
}

.page-nav-btn.prev {
    margin-right: auto;
    text-align: left;
    justify-content: left;
}

.page-nav-btn.next {
    margin-left: auto;
    text-align: right;
    justify-content: right;
}

a:has(.logo) {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
}