.site-wrapper {
    padding: clamp(4px,6vw,4rem);
}
body {
    background: #fff0d0;
}
h1 {
    text-align: center;
}
:root {
    font-size: 18px;
    font-size: clamp(14px, 3vw, 18px);
    line-height:1.7
}
.nav-links {
    padding: 0;
    margin-top:clamp(1.563rem, 4vw, 2.441rem)
}
div.nav-links ul {
    /*        list-style-type: none;
        display: flex
        overflow: hidden;*/
    border: 2px solid;
    justify-content:space-between;    
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 100vw;
/*    margin: clamp(-1.22rem, -3vw, -.4rem);*/
    margin: .8rem;
    padding: 0;
    font-size: .8rem;
    overflow:hidden
}
div.nav-links li a.active {
    font-weight: bold;
}
div.nav-links li {
    float: left;
}
div.nav-links li a {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
/*    background-color: red;*/
}
th, td {
  border-bottom: 1px solid #ddd;
}
.blog-header {
    margin-block-start: 0px;
    margin-block-end: 0px;
}
pre {
    margin-left: 4em;
}