body{font-size:18px;color:#262626;background-color:#bbb}body main{background-color:#fff}body .icon-white svg{fill:#fff}body a{color:#4361ee}body a svg{height:30px;width:30px}body a:hover{text-decoration:underline}body figcaption{color:#262626}body ul{list-style:none}body .listing{padding-top:30px;padding-bottom:100px}body .listing li{padding-top:20px}body .listing li a{font-size:28px}body .listing li .time{visibility:hidden;float:right}body .long-text{padding:20px}body .long-text .section-heading{text-align:center;font-size:24px}body .gallery{padding:0px}.nav,header,footer{color:#fff;background-color:#bbb}.nav a,header a,footer a{color:#fff}@media (prefers-color-scheme: dark){body{color:#fafafa;background-color:#262626}body main{background-color:#262626}body a svg{fill:#fff}body figcaption{color:#fafafa}body .nav,body header,body footer{background-color:#262626}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:"Roboto";font-weight:500;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:100%;min-height:100vh}header{grid-row:1;position:sticky;width:100%;top:0;z-index:1}header ul{list-style:none}header .logo{display:inline-block;font-size:30px;margin-left:20px}main img{width:100%}main p{padding-bottom:15px}main h1,main h2,main h3,main h4{padding-bottom:10px}main h1,main h2,main h3,main h4{padding-top:15px}footer{grid-row:4;font-size:small;text-align:center;padding-top:5px;padding-bottom:10px}figcaption{text-align:center;padding-bottom:25px}.nav{width:100%;height:100vh;position:fixed;overflow:hidden}.menu a{display:block;padding:26px 30px}.nav{position:sticky;max-height:0;transition:max-height}.hamb{cursor:pointer;float:right;padding:15px 20px}.hamb-line{background:#fff;display:block;height:2px;position:relative;width:24px}.hamb-line::before,.hamb-line::after{background:#fff;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}header:has(.side-menu:checked){z-index:3}.side-menu:checked~.hamb .hamb-line{background:rgba(0,0,0,0)}.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}