:root{--c-zfw:#f4f0eb;--c-zyo:#c99a4e;--c-zv:#e04036;--c-zib:#242220;--c-zog:#5c553a;--c-zft:#e4ae9a;--c-zmp:#d99c95;--c-zwg:#8a837b}*,*::before,*::after{box-sizing:border-box}html{background-color:var(--c-zib);font-family:system-ui,sans-serif;background-image:url('data:image/svg+xml;utf8,<svg width="211" height="211" xmlns="http://www.w3.org/2000/svg"><style>@keyframes s1{0%,100%{opacity:0.5;}50%{opacity:0.9;}}@keyframes s2{0%,100%{opacity:0.8;}50%{opacity:0.4;}}.a{animation:s1 14s ease-in-out infinite;}.b{animation:s2 22s ease-in-out infinite;}</style><rect x="15" y="42" width="2" height="2" fill="white" class="a"/><rect x="85" y="12" width="2" height="2" fill="white" class="b"/><rect x="142" y="180" width="2" height="2" fill="white" class="a"/><rect x="190" y="75" width="2" height="2" fill="white" opacity="0.6"/><rect x="45" y="130" width="2" height="2" fill="white" class="b"/><rect x="110" y="95" width="2" height="2" fill="white" class="a"/><rect x="20" y="190" width="2" height="2" fill="white" class="b"/><rect x="170" y="20" width="2" height="2" fill="white" opacity="0.5"/><rect x="130" y="140" width="2" height="2" fill="white" class="a"/><rect x="60" y="170" width="2" height="2" fill="white" class="b"/></svg>'),url('data:image/svg+xml;utf8,<svg width="317" height="317" xmlns="http://www.w3.org/2000/svg"><style>@keyframes s3{0%,100%{opacity:0.6;}50%{opacity:1;}}.c{animation:s3 18s ease-in-out infinite;}</style><rect x="30" y="200" width="2" height="2" fill="white" class="c"/><rect x="150" y="50" width="2" height="2" fill="white" opacity="0.5"/><rect x="280" y="120" width="2" height="2" fill="white" class="c"/><rect x="210" y="290" width="2" height="2" fill="white" class="c"/><rect x="75" y="85" width="2" height="2" fill="white" opacity="0.4"/><rect x="250" y="30" width="2" height="2" fill="white" class="c"/><rect x="110" y="260" width="2" height="2" fill="white" opacity="0.7"/><rect x="10" y="110" width="2" height="2" fill="white" class="c"/></svg>'),url('data:image/svg+xml;utf8,<svg width="109" height="109" xmlns="http://www.w3.org/2000/svg"><rect x="12" y="18" width="1" height="1" fill="white" opacity="0.4"/><rect x="45" y="33" width="1" height="1" fill="white" opacity="0.2"/><rect x="82" y="15" width="1" height="1" fill="white" opacity="0.3"/><rect x="22" y="65" width="1" height="1" fill="white" opacity="0.5"/><rect x="70" y="55" width="1" height="1" fill="white" opacity="0.2"/><rect x="95" y="85" width="1" height="1" fill="white" opacity="0.4"/><rect x="5" y="95" width="1" height="1" fill="white" opacity="0.3"/><rect x="55" y="90" width="1" height="1" fill="white" opacity="0.2"/></svg>');background-repeat:repeat;background-size:149px 149px,197px 197px,73px 73px}body{max-width:80ch;min-height:100vh;margin:0 auto;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start}body>*{background-color:var(--c-zfw);color:var(--c-zib);padding:2ch 2ch;margin:2ch 0;box-shadow:var(--c-zwg) 10px 10px}a,a *{color:var(--c-zv)}a:visited,a:visited *{color:var(--c-zv)}body>nav{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;align-items:flex-start}body>main{margin:2ch 0 4ch 0}main>h1,main>h2{text-align:center}main li{margin-bottom:5px}main img{max-width:100%}body>footer{text-align:center;margin-top:auto}