*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Helvetica,Arial,sans-serif}#container{width:90%;max-width:700px;margin:4rem auto}nav{margin:1rem 0 3rem}nav li{list-style:none;display:inline-block;margin:0}nav a{margin-right:1rem}h1,h2,h3{color:#333;font-family:system-ui,Helvetica,Arial,sans-serif}h1{font-size:2.5rem;margin-top:1rem}.global-title{font-size:2.5rem;color:#222}h2{font-size:1.8rem}h3{font-size:1.3rem}h2,h3{margin:2rem 0 1rem}p,li{font-size:1rem;line-height:150%;color:#444;margin:1.25rem 0}li{margin:0.25rem 0 0 2.5rem}li:first-child{margin-top:0}a{color:#b00}a:hover,a:active{color:#e00}img{max-width:100%}.avatar{width:8rem;height:8rem;border-radius:5rem;margin-right:1.5rem}.greeting-container{display:flex}.greeting-container h3{align-self:center;margin-top:-10px;margin:0}.posts-list-item{list-style:none;margin:1.25rem 0}.posts-list-title{margin-bottom:0.75rem}.posts-list-item:first-of-type{margin-top:1.25rem}.posts-list-item .title{margin:0 0.25rem 0 0;display:inline-block}.timestamp{color:#676767}.timestamp-inline{line-height:1;align-self:flex-end;display:inline-block}.timestamp-block{display:block;margin-top:0.75rem}code{background:#ddd;padding:3px 5px;border-radius:2px;font-family:Inconsolata,monospace}.trend{display:block}.body{font-family:"Lato", sans-serif}.sidenav{height:15%;width:170px;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;padding-top:20px}.sidenav a{padding:6px 6px 6px 32px;text-decoration:none;font-size:25px;color:#818181;display:block}.sidenav a:hover{color:#111}.main{margin-left:170px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#main{transition:margin-left .5s;padding:20px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}