html,body{background:#fff;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}nav{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.25rem}p{margin-top:.5rem;margin-bottom:.5rem;line-height:1.4rem}article{grid-template-columns:1fr min(72ch,100%) 1fr;display:grid}h1{margin-top:.5rem;margin-bottom:.5rem}h2{margin-top:.8rem;margin-bottom:.5rem}a:link.undecorated,a:visited.undecorated{color:inherit;text-decoration:none}a:hover.undecorated{color:inherit;text-decoration:underline}a:active.undecorated{color:inherit;text-decoration:none}a:link{color:#a83500}a:visited{color:#0e3a97}a:hover,a:focus,a:active{color:#a83500}a:link.underline-only,a:visited.underline-only,a:hover.underline-only,a:active.underline-only{color:inherit}.center-matter{grid-column:2}.previewContainer{flex-direction:column;margin:auto;display:flex}.notesContainer{border-left:1px dotted;padding-left:10px}.tagcontainer{width:75%;height:auto;margin-left:auto;overflow:hidden}.right{float:right;width:50%}.left{float:none;width:auto;overflow:hidden}.hide-when-big{justify-content:center;padding-top:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.25rem;display:flex}.postDate{-webkit-text-decoration:bold;text-decoration:bold;color:#2f4f4f;margin-top:.1rem}.noteLabel{-webkit-text-decoration:bold;text-decoration:bold;color:#2f4f4f}@media (max-width:765px){.hide-when-small{display:none}nav{flex-direction:row;flex:1 0 0;justify-content:space-evenly;align-items:center;padding:0;display:flex}.nav-pad{text-align:center}a:link.undecorated{color:inherit;text-decoration:underline}main{padding:.5rem}}@media (min-width:765px){nav{padding-top:1rem;padding-bottom:1rem;padding-left:9rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.25rem}.hide-when-big{display:none}.nav-pad{padding-right:1rem}.frontPage,.notesPage{flex-direction:row;place-content:center;align-items:flex-start;display:flex}.postsPreviewContainer,.mainNoteContainer{flex:.6 0 0}.notesContainer{flex:.2 0 auto}.previewContainer{max-width:50%}}@media (min-width:1025px){.previewContainer{max-width:50%}}