@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;700&family=Bitter:wght@200;600&display=swap");html{font-size:18px}body{font:300 1rem/1.6 "Noto Sans",sans-serif;color:#161032;background-color:#fff}:focus{outline:2px solid #adeaff;outline-offset:4px;transition:outline-offset 0.1s ease-in-out, outline 0.1s ease-in-out}.hero{font:200 3rem/1.05 "Bitter",serif;text-align:center}h1{font:200 3rem/1.4 "Bitter",serif;letter-spacing:.1rem;margin-top:0}h2{font:400 1.6rem/1.5 "Noto Sans",sans-serif}h3{font:400 1.2rem/1.3 "Noto Sans",sans-serif}p{font:300 1rem/1.6 "Noto Sans",sans-serif}p.lead{font:300 1.6rem/1.6 "Noto Sans",sans-serif;margin-top:6px;margin-bottom:34px}a{font-weight:400;color:#161032;text-decoration-thickness:1px;text-underline-offset:0.15em;text-decoration-color:#FEB140;transition:all .2s ease-in-out}a:hover{color:#0094C6;text-decoration:underline}a:focus{transition:outline-offset 0.1s ease-in-out}header a{color:#161032}small{font:300 0.9rem/1.3 "Noto Sans",sans-serif}blockquote,blockquote p{font:italic 200 2.4rem/1.2 "Noto Sans",sans-serif}blockquote{border-left:8px solid #FEB140;margin-left:0;padding-left:3rem}pre{background-color:#eaeaea;border-radius:4px;border:1px solid #ddd;padding:8px 16px}code{word-break:break-word;background-color:#eaeaea;border-radius:4px;border:1px solid #ddd;font-size:0.9rem;padding:0 4px}pre code{background-color:auto;border:none;padding:0}button{border:2px solid #262d38;background-color:#fff;border-radius:6px;color:#262d38;font:300 1em "Noto Sans",sans-serif;text-transform:uppercase;padding:8px 24px;transition:box-shadow 0.2s ease-in-out}button:hover{box-shadow:0 0 0 3px #ebedf1}button:focus{outline:0;box-shadow:0 0 0 3px #adeaff,inset 0 2px 0 0 rgba(0,0,0,0.1);transition:box-shadow 0.2s ease-in-out}button.primary{background-color:#262d38;color:#fff}button.primary:hover,button.primary:focus{background-color:#3a4557}a.action{font:300 1em "Noto Sans",sans-serif;white-space:nowrap}.post-tiles-masonry{position:relative;opacity:0}.post-tiles-item *{display:block;width:100%;margin-bottom:6px}.post-tiles-masonry-item{position:absolute}.post-tiles-masonry-item *{display:block;width:100%;margin-bottom:6px}.post__content p img{width:100%}.post__content p img.noresize{width:auto;max-width:100%}@media screen and (min-width: 1024px){.post__content p img.punch-right{width:50rem}.post__content p img.punch-left{width:50rem;position:relative;left:-10rem}.post__content p img.extra-wide{width:60rem;position:relative;left:-10rem}}figure{margin:0}@media screen and (max-width: 460px){figure .gallery-image img,figure a img{width:100%}}@media screen and (min-width: 460px){figure .gallery-images{max-width:100%;display:flex;gap:8px}figure .gallery-images .gallery-image img,figure .gallery-images .gallery-image a img{max-width:100%}}@media screen and (min-width: 1024px){figure{position:relative;left:-5rem}}body{padding:16px}.site-footer{padding-top:64px}header a{text-decoration:none}@media screen and (max-width: 1024px){.top-nav ul{display:flex;flex-direction:row;margin:24px 0}.top-nav ul li::after{content:"·";margin:0 8px 0 4px}.top-nav ul li:last-child::after{content:"";margin:0}}@media screen and (max-width: 1024px) and (min-width: 460px) and (max-width: 1024px){body{padding:32px}.top-nav{position:absolute;top:28px;right:48px}.container-main header{margin-bottom:48px}}@media screen and (min-width: 1024px){body{padding:32px}.container-main{display:flex}.container-main header{width:240px;display:flex;flex-direction:column;gap:72px;padding:14px 0}.container-main main{flex:1}.container-main p{max-width:40rem}footer{text-align:right}}.post-list{margin:0;padding:0}.post-list-item{list-style-type:none;margin:0;padding:16px 0}.post-list-item:nth-child(even){background-color:#fafafa}.post-list-item .post-time{display:block;text-transform:uppercase;font-size:0.8rem;font-weight:400;color:#666}.post-list-item .time-to-read{font-size:0.8rem;display:inline-block}@media screen and (min-width: 460px){.post-list-item{display:flex;align-items:baseline;gap:16px;padding:8px 0}.post-list-item .post-time{display:inline-block}.post-time{width:80px}.post-list-item .time-to-read{width:140px}.post-title{flex:1}}header h1{font:300 0.7rem/1.6 "Noto Sans",sans-serif}header h1 a{font-weight:300}header h1 a.parent-site{text-transform:uppercase}header h1 a.home-link{font:600 1.2rem/1.6 "Bitter",serif;display:block}.blog__yearlist{border-top:1px solid #ebedf1;border-bottom:1px solid #ebedf1;padding:24px 0}@media screen and (min-width: 1024px){.blog__yearlist{display:flex;gap:24px;position:relative;top:-8px}}.blog__yearlist ul{list-style-type:square;margin:0;padding:0;list-style-type:none}.blog__yearlist ul li{display:inline-block;margin:0}.blog__yearlist ul li:not(:last-child)::after{content:"·";margin:0;padding:0 8px 0 16px}.post__header{padding-bottom:32px}.post__header h1{line-height:1.1;margin:0;padding:0 0 8px 0}.post__header .post__meta{font-size:12px;text-transform:uppercase}.post__colophon{margin-top:120px;padding:24px 0;text-align:right}.post__nav{display:flex;border-top:1px solid #ebedf1;border-bottom:1px solid #ebedf1}.post__nav .prev,.post__nav .next{display:inline-block;width:50%;margin:0;padding:24px 32px;text-decoration:none}.post__nav .prev:hover,.post__nav .next:hover{background-color:#fafbfc}.post__nav .prev small,.post__nav .next small{color:#161032;text-transform:uppercase;display:block}.post__nav .prev{text-align:right;border-right:1px solid #ebedf1;padding-left:0}.post__nav .prev span::before{content:"« ";color:#FEB140;margin-right:8px;transition:margin-right 0.1s ease-in-out}.post__nav .prev:hover span::before{margin-right:16px}.post__nav .next{padding-right:0}.post__nav .next span::after{content:" »";color:#FEB140;margin-left:8px;transition:margin-left 0.1s ease-in-out}.post__nav .next:hover span::after{margin-left:16px}nav ul{margin:0;padding:0}nav ul li{font-weight:200;font-family:"Bitter",serif;list-style-type:none}nav ul li a{text-decoration:none}.highlight{white-space:break-spaces}.about-avatar{float:right;width:120px;position:relative;top:-150px}
