style.css @ 90717aee8905

:root {
  --text-color: black;
  --link-color: brown;
}


header, main, footer {
    max-width: 1200px;
    margin: 0 auto;
}

header, footer {
    padding: 10px 0;
}

main {
    padding: 10px 0;
}

header {
    border-bottom: 1px solid #ccc;
}

header nav {
    float: right;
}

footer {
    margin-top: 10px;
    border-top: 1px solid #ccc;
    text-align: center;
}

body {
    font-size: 16px;
    line-height: 1.6;
}

a {
    color: var(--link-color);
}

h1 { font-size: 28px; font-weight: bold; line-height: 1.2; }
h2 { font-size: 24px; font-weight: bold; line-height: 1.2; }
h3 { font-size: 20px; font-weight: bold; line-height: 1.4; }
h4 { font-size: 18px; font-weight: bold; line-height: 1.4; }
h5 { font-size: 16px; font-weight: bold; line-height: 1.6; }
h6 { color: red; } /* no */

details.table-of-contents {
    max-width: 400px;
    float: right;
    padding: 0 0 10px 10px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--text-color);
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: var(--link-color);
}

a.broken {
    color: red;
    font-style: italic;
}