blog/static/typography.css

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Base Typography */
body {
    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
    color: #000000;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000000;
    position: relative;
}

/* Heading Hover Effects */
h2.chapter a:hover::before, 
h3.chapter a:hover::before, 
h4.chapter a:hover::before, 
h5.chapter a:hover::before, 
h6.chapter a:hover::before {
    content: "#";
    position: absolute;
    left: -0.75em;
    top: 0;
    color: #0073E6;
}

/* Text Elements */
#main p {
    margin-bottom: 0.75em;
}

summary > small {
    font-size: 0.5em;
}

time {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 75%;
}

#main details div {
    padding-left: 1em;
    line-height: 115%;
}

#main details:open {
    padding-bottom: 1em;
}

#main details summary {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding-bottom: 0.25em;
}

hr {
    margin-bottom: 1em;
}

/* Links */
a {
    text-decoration: none;
    color: #005B96;
}

/* Navigation */
#navbar {
    min-width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

#navbar a {
    color: inherit;
}

#navbar a + a::before {
    content: "// ";
    padding: 0 0.1em;
}

/* Footer */
#footer-title {
    padding: 5px 0;
    min-width: 100%;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
}

#footer {
    text-align: center;
}

#footer p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.25;
}