/* || Typography */

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-Semibold.otf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-Light.otf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-It.otf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-BoldIt.otf") format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "SourceSerifPro";
    src: url("fonts/SourceSerifPro/SourceSerifPro-LightIt.otf") format("truetype");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "SourceCodePro";
    src: url("fonts/SourceCodePro-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "SourceSansPro";
    src: url("fonts/SourceSansPro-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

main {
    font-family: "SourceSerifPro", 'Times New Roman', Times, serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: left;
    text-justify: inter-word;
    font-style: normal;
    font-weight: 400;
    font-optical-sizing: auto;
    font-size: 1.2em;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    word-spacing: 0.27em;
}

header {
    font-family: "SourceSerifPro", 'Times New Roman', Times, serif;
    font-weight: 500;
    font-variant: small-caps;
}



.chapter-heading {
    font-family: "SourceSerifPro", 'Times New Roman', Times, serif;
    font-weight: 500;
    font-variant: small-caps;
}

.title-description {
    font-family: "SourceSerifPro", 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 1em;
}

footer {
    font-family: "SourceSerifPro", 'Times New Roman', Times, serif;
    font-weight: 300;
}

.site-nav {
    font-family: "SourceSansPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
}