html{width:100%;font-family:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif}body{width:100%;margin:0;min-height:100vh;display:flex;flex-direction:column}body>header{background-color:#fff;width:896px;max-width:100%;padding:0 1rem;margin:0 auto;height:3rem;box-sizing:border-box;border-bottom:1px solid #ddd;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center}body>header>span{font-family:"Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive;font-weight:bolder;font-size:2rem;line-height:2.5rem}body>header>nav{height:100%;display:flex;justify-content:space-between;align-items:end;gap:1rem}body>header>nav a{font-size:1.25rem}@media (max-width: 667px){body>header{flex-direction:column;height:4rem}}body>main{padding:1rem;margin:0 auto;box-sizing:border-box;width:896px;max-width:100%}@media (max-width: 667px){body>main{padding-top:0}}body>footer{width:896px;max-width:100%;height:3rem;padding:0 1rem;box-sizing:border-box;border-top:1px solid #ddd;margin-top:auto;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}a{text-decoration:none;color:#33f}a:hover{cursor:pointer;text-decoration:underline}a:active{opacity:.8}.colorful{color:#33f}article{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}article>.subtitle{align-self:center}article>section{grid-column:1/span 2}article>section>img{display:block;max-width:100%;margin:auto}article>section>img:active{max-width:100vw;width:100vw;margin:0 0 0 calc(-50vw + 50%)}article>section>img+span{text-align:center;color:#222;display:block;font-style:italic;margin-top:2px}ul.articles{list-style-type:none;list-style-position:inside;padding-left:0}ul.articles>li{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;border:1px solid #ddd;border-radius:.5rem;margin-left:0;margin-bottom:1rem;padding:1rem}ul.articles>li>h2{margin:0}ul.articles>li>p{margin-bottom:0;grid-column:1/span 2}