/*** General - START */ html {

scroll-behavior: smooth;
font-size: 62.5%;
margin: 0;

}

} .print {

display: none;

} /*** General - END */

/*** Body - START */ body {

margin: 0;
padding: 0;
display: block;
background-color: $background-light;

}

main#page-content {

display: block;
min-width: 60rem;
margin: 0 0 0 40rem;

}

article {

color: $text-dark;
padding: 5rem 10rem;

}

div#post-list-container {

margin-top: 2.5rem;

}

div#post-list-container article{

padding: 2.5rem 10rem;

}

article + article, div#tags-container, div#categories-container {

border-top: 0.5rem dotted $background-middle;

}

/*** Body - END */

/*** Header - START */ header#site-header {

position: fixed;
display: flexbox;
width: 30rem;
top: 0;
left: 0;
bottom: 0;
padding: 5rem;
text-align: left;
background-color: $primary-color;

}

/* Logo */ div#site-logo-container {

display: flex;
justify-content: flex-start;
overflow: hidden;
flex-grow: 0;
flex-shrink: 0;
margin: 0;
position: fixed;
width: 30rem

} a#site-logo {

font-size: 15rem;
font-weight: normal;
color: $text-light;
text-decoration: none;
line-height: 0.8em;
font-family: $logo-font;
margin-left: -0.035em;

}

/* Navigation */ nav#site-nav {

display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 2.5rem 0;
width: 30rem;
position: fixed;
top: 15rem;
bottom: 8rem;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;

}

// nav#site-nav::-webkit-scrollbar { // display: none; // }

div#site-nav-page {

padding: 0 1.5rem 0 0rem;
border-right: 0.25rem solid $text-light;

} div#site-nav-section {

padding: 0 0rem 0 1.5rem;
margin-left: -0.20rem;
border-left: 0.25rem solid $text-light;

}

/* Navigation links */ div#toc-pages ul {

margin: 0;
padding: 0;
display: flexbox;
justify-content: flex-start;
flex-wrap: wrap;

} div#toc-sections ul {

margin: 0;
padding: 0;
display: flexbox;
justify-content: flex-start;
flex-wrap: wrap;

} div#toc-pages li {

list-style: none;
padding-bottom: 0.8em;

}

div#toc-pages li:last-of-type {

padding-bottom: 0;

}

div#toc-sections li {

list-style: none;
padding-bottom: 0.4em;
line-height: 1em;

}

/* Navigation links */ toc-pages a.nav-link {

font-weight: bold;
font-size: 2.2rem;

} toc-sections a.nav-link {

font-size: 1.4rem;

} a.nav-link {

color: $text-light;
text-decoration: none;
text-transform: lowercase;
line-height: 0;

} a.nav-link:hover, a.nav-link:active, a.nav-link:focus {

text-decoration: underline;

} /*** Header - END */

/*** Footer - START */ footer#site-footer {

position: fixed;
left: 0;
bottom: 0;
display: flexbox;
width: 35rem;
background-color: $primary-color;
padding: 2.5rem;

} div.footer-column {

color: $text-light;
padding: 0 2.5rem;
font-weight: normal;
font-size: 1.2rem;
text-decoration: none;

}

a.footer-link {

color: $text-light;
font-weight: bold;
font-size: 1.2rem;
text-decoration: none;

} a.footer-link:hover, a.footer-link:active {

text-decoration: underline;

} img.footer-icon {

width: 2.8rem;
height: 2.8rem;
display: inline-block;
padding-right: 0.8rem;

} img.footer-icon:first-of-type {

padding-left: 0;

} /*** Footer - END */

@media only screen and (max-width: 1100px) {

article {
    color: $text-dark;
    padding: 5rem;
}
div#post-list-container article{
    padding: 2.5rem 5rem;
}

}