header{display:flex;align-items:center;max-width:50rem;margin:0 auto;padding:0rem 1rem;border-bottom:1px solid black;@media(max-width:640px){flex-direction:column;small{text-align:center}// padding: 0rem 0rem 1rem}div.title{height:5rem;display:flex;flex-direction:column;justify-content:center}h1{@media(max-width:640px){margin:0 auto}margin:0;font-size:1.5rem;background-image:linear-gradient(to left,violet,indigo,#00f,green,gold,orange,red);background-clip:text;-webkit-text-fill-color:transparent;a{text-decoration:none}}nav{margin-left:auto;@media(max-width:640px){margin:auto}ul{display:flex;list-style-type:none;padding-inline-start:0;margin-block:0;@media(max-width:640px){margin-block-end:1em}li{padding:0 1rem}}}}html{font-family:sans-serif}main.index{max-width:50rem;margin:auto;padding:1rem}main{max-width:50rem;margin:auto;padding:1rem;section.posts-list{flex:1;flex-shrink:0;div.post{margin-bottom:1rem;time{display:block;margin-right:1rem;color:#333}}}}div.home-container{display:flex;flex-direction:row-reverse;@media(max-width:640px){flex-direction:column}// aside.sidebar{// display: flex;// @media(max-width: 640px){// flex-direction: row;// margin-bottom: 1rem;//}// // // @media(min-width: 640px){// // flex-direction: column;// //}// // //}}main.blog{display:flex;flex-direction:row;padding:0 1rem;.right{flex:1;@media(max-width:640px){flex-direction:column}.left,# [[menus.main]] # name = "home" # pageRef = "/" # weight = 10 .right{flex:1}article{// margin-left: auto;// flex: 1;// flex-grow: 0;// margin-right: auto;margin:0 auto;max-width:50rem;line-height:1.3;sup{line-height:1}img{display:flex;margin:auto;max-width:100%;max-height:40vh}}nav#TableOfContents{ol{padding-inline:1rem;margin-block-end:0;font-size:.9rem;li{margin-left:0}white-space:nowrap}}}}