:root{--text: #2f4f4f;--border: #d3d3d3;--accent: teal;--bg: #dce3e1;--gradientTop: #fff;--gradientBottom: rgba(240,248,255,.8)}header{background:url("***light mode banner image***")}@media (prefers-color-scheme: dark){:root{--text: #fff;--border: #5a7678;--accent: #74c365;--bg: rgba(0,60,60,.8);--gradientTop: #2f4f4f;--gradientBottom: #00323c}:root a:link{color:#add8e6}header{background:url("***dark mode banner image***")}}*{box-sizing:border-box}body{padding:10px;font-family:"MS PGothic",sans-serif;color:var(--text);background-color:#e5e5f7;background-image:radial-gradient(#15cd46 3px, rgba(0,0,0,0) 3px),radial-gradient(#15cd46 3px, #e5e5f7 3px);background-size:62px 62px;background-position:0 0,31px 31px}.container{max-width:55rem;margin:5vw auto 12px auto;border:6px ridge var(--border);outline:3px solid var(--gradientTop);outline-offset:4px;border-radius:10px;display:flex;flex-wrap:wrap;padding:5px;gap:5px;background-color:var(--gradientBottom);background-image:repeating-radial-gradient(circle at 0 0, rgba(0,0,0,0) 0, var(--gradientBottom) 9px),repeating-linear-gradient(var(--bg), var(--bg))}.small{flex:1 1 9%}.large{flex:1 1 82%}.full{flex:1 1 100%}.half{flex:1 1 49%}header{background-size:cover;background-position:center;width:100%;height:120px;border:2px ridge var(--border);border-radius:5px;position:relative}header span{font-size:2.5rem;position:absolute;bottom:0;right:10px;margin:10px;font-weight:bold;text-shadow:1px 1px var(--text),-1px 1px var(--text),1px -1px var(--accent),-1px -1px var(--accent);color:var(--gradientTop)}nav{border:2px ridge var(--border);border-radius:5px;padding:5px;background:linear-gradient(var(--gradientTop), var(--gradientBottom))}nav div{text-align:center;font-size:1.25rem;margin:5px 5px 10px 5px}nav a{display:block;margin:5px;background:linear-gradient(to right, var(--bg), var(--gradientBottom));border-radius:5px;padding:2px 7px;text-decoration:none}nav a:link,nav a:visited{color:var(--text)}nav a:hover,nav a:focus{background:linear-gradient(to right, var(--bg), var(--gradientBottom), var(--gradientTop))}div.small>img{display:block;margin:5px auto;border:2px ridge var(--border);border-radius:5px}img{max-width:100%}pre{overflow-x:auto}section{border:2px ridge var(--border);border-radius:5px;background:linear-gradient(var(--gradientTop), var(--gradientBottom));padding:5px}footer{text-align:center;margin-bottom:5vw;font-size:.8rem}footer a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:5px;line-height:1.2}h1{font-size:1.4rem;letter-spacing:2px;font-weight:normal;text-align:center;border-bottom:2px ridge var(--border);padding-bottom:5px}h2{font-size:1.25rem;font-weight:normal;text-align:center}h3{font-size:1.1rem}h4{font-size:1rem;color:var(--accent);padding-left:12px}a:hover,a:focus{font-style:italic}a:visited{color:var(--accent)}.example-image-gallery{display:flex;flex-wrap:wrap}.example-image-gallery div{box-sizing:border-box;width:calc(25% - 10px);margin:5px;border:5px solid;overflow:hidden;position:relative}.example-image-gallery div img{transition:transform .5s ease;width:100%;height:100%;object-fit:cover}.example-image-gallery div span{position:absolute;bottom:15px;left:0;text-align:center;width:100%;box-sizing:border-box;background:#fff;color:#000;padding:5px 10px;font-size:20px;opacity:0;transform:translateY(100px);transition:transform .4s ease,opacity .5s ease}.example-image-gallery div:hover img{transform:scale(1.35) rotate(10deg)}.example-image-gallery div:hover span{opacity:1;transform:none}@media (max-width: 800px){.example-image-gallery div{width:calc(50% - 10px)}}