body{--color-font-outlines: #000000;--color-bg: #ffffff;--color-block-picture-bg: #a8d9a0;--color-block-text-bg: #fff7e2;--color-block-picture-box-shadow: #80a07a;--color-circle-outline: #d0ffc8;--color-block-text-box-shadow: #d5c8ab;--color-viewport-box-shadow: #b0ada480;--url-viewport-bg: url(./yellowtexture-C8yG1Z4d.png);--color-copyright-text: #626262}@media (prefers-color-scheme: dark){body{--color-font-outlines: #dcfbd7;--color-bg: #194137;--color-block-picture-bg: #4c7a51;--color-block-text-bg: #0d3436;--color-block-picture-box-shadow: #2a502480;--color-circle-outline: #87bf8d;--color-block-text-box-shadow: #626a5180;--color-viewport-box-shadow: #243222c0;--url-viewport-bg: url(./yellowtexturedark-Dm6Ss1Jg.png);--color-copyright-text: #9e9e9e}}.wide h1{font-size:48px}h1{font-size:28px;font-family:Gill Sans,sans-serif;color:var(--color-font-outlines);text-align:center;margin:0;padding:5px}h2,h3,h4,h5,h6,p{font-family:Gill Sans,sans-serif;color:var(--color-font-outlines);text-align:center;margin:0;padding:0}.row{display:flex;flex-flow:row wrap;align-items:center}.column{display:flex;flex-flow:column nowrap;align-items:center}.center{text-align:center;justify-content:center;align-items:center}.spaced{justify-content:space-evenly}.tall-placeholder{height:1200px}.wide img.circle{height:256px;margin:38px}img.circle{height:128px;margin:16px;border:10px solid var(--color-circle-outline);border-radius:50%}.wide .block-picture{margin:24px 80px}.block-picture{margin:12px 20px;padding:8px;font-family:sans-serif;text-align:center;border-radius:8px;background-color:var(--color-block-picture-bg);box-shadow:6px 6px 0 var(--color-block-picture-box-shadow)}.block-text{margin:8px;padding:32px;font-family:sans-serif;text-align:center;font-size:24px;border-radius:8px;background-color:var(--color-block-text-bg);box-shadow:6px 6px 0 var(--color-block-text-box-shadow)}html,body{height:100%;width:100%;margin:0;padding:0}body{background-color:var(--color-bg);overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#viewport{flex:1;display:flex;flex-flow:column nowrap;background-image:var(--url-viewport-bg);margin:32px 32px 16px;border-radius:16px;z-index:2;overflow-x:hidden;overflow-y:auto;justify-content:start;align-items:stretch;padding:12px;box-shadow:6px 6px 0 var(--color-viewport-box-shadow);transition:opacity .2s}.wide #viewport{width:960px;padding:24px}#bgtile{position:fixed;width:100%;height:100%;background-image:url(./lilypads-Dvc_L7NN.png);background-position:center;background-size:256px;z-index:1;transition:opacity .2s}.copyright-text{margin-bottom:12px;font-size:18px;color:var(--color-copyright-text);background-color:var(--color-bg);z-index:2}.transparent{opacity:0}.wide .hide-scrollbar::-webkit-scrollbar{display:none}.wide .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.wide body.scrolling{user-select:none}.scrollbar-track{display:none}.wide .scrollbar-track{display:initial}body{--color-scrollbar-track: #b4d3af;--color-scrollbar-track-box-shadow: #b0ada480;--color-scrollbar-thumb: #d3f7cd;--color-scrollbar-thumb-box-shadow: #9bb895;--color-scrollbar-thumb-hover: #83a17e;--color-scrollbar-thumb-hover-box-shadow: #5d7d58;--color-scrollbar-thumb-active: #668162;--color-scrollbar-thumb-active-box-shadow: #496445}@media (prefers-color-scheme: dark){body{--color-scrollbar-track: #4f7253;--color-scrollbar-track-box-shadow: #243222c0;--color-scrollbar-thumb: #5c9062;--color-scrollbar-thumb-box-shadow: #3d5d38;--color-scrollbar-thumb-hover: #517754;--color-scrollbar-thumb-hover-box-shadow: #253f21;--color-scrollbar-thumb-active: #2b4e2f;--color-scrollbar-thumb-active-box-shadow: #142212}}.scrollbar-track{position:fixed;background-color:var(--color-scrollbar-track);border-radius:4px;overflow:hidden;width:26px;z-index:3;box-shadow:6px 6px 0 var(--color-scrollbar-track-box-shadow)}.scrollbar-thumb{position:relative;top:0;left:0;right:0;background-color:var(--color-scrollbar-thumb);border-radius:4px;box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-box-shadow)}.scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover);box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-hover-box-shadow)}.scrollbar-thumb.active{background-color:var(--color-scrollbar-thumb-active);box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-active-box-shadow)}