body{color:#fff;background-color:#222;flex-flow:column;height:100vh;margin:0;padding:0;display:flex}.banner-logo{font-size:48px}.welcome-footer{text-align:center;margin-top:10px;font-size:32px}.navigation{z-index:2;background-color:#000;flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:70px;display:flex;position:fixed}.navigation .link-button{color:#fff;border-radius:8px;flex-flow:row;align-items:center;margin:10px;padding:6px 10px;display:flex}.navigation .link-button:hover{filter:brightness(1.2);cursor:pointer;-webkit-user-select:none;user-select:none}.navigation .link-button{margin:0;font-size:18px}.navigation .button-panel{margin:0}.navigation .banner-logo{cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:10px;font-size:24px}.navigation .button-row{margin-right:10px}.content{flex-flow:column;align-self:flex-end;align-items:center;height:calc(100vh - 70px);padding-top:70px;font-size:24px;display:flex;overflow-y:auto}.content-page{flex-flow:column;width:100%;margin-bottom:10%;display:flex}.panel-duo{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.panel-duo .image-panel,.panel-duo .text-panel{width:50%}.text-panel{flex-flow:column;padding:20px;display:flex}.stack-panel{flex-flow:column;align-items:center;display:flex}.button-row{flex-flow:row;align-items:center;display:flex}.welcome-image-panel{text-align:center;width:100%}.welcome-image-panel img{width:55%}.image-panel{text-align:center;width:100%}.image-panel img{width:50%}.list{flex-flow:column;align-self:center;display:flex}.page-header{text-align:center;margin-bottom:50px;font-size:32px}.button-panel{margin-bottom:20px;display:flex}.link-button{color:#fff;border-radius:8px;flex-flow:row;align-items:center;margin:10px;padding:6px 10px;display:flex}.link-button:hover{filter:brightness(1.2);cursor:pointer;-webkit-user-select:none;user-select:none}.link-button{font-size:20px}.link-button img{margin-right:10px}.link-button.github{background-color:#006400}.link-button.github img{filter:invert()}.link-button.kofi{background-color:#0058bd}::-webkit-scrollbar{width:15px;display:block}:hover::-webkit-scrollbar{display:block}::-webkit-scrollbar-track{background-color:#000;background-clip:padding-box;border:5px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb{background:#ffffff80 padding-box padding-box;border:5px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff}::-webkit-scrollbar-thumb:vertical:active{background-color:#fff}.background{z-index:-1;position:fixed}.content-scroll-box{position:absolute;inset:0}.section-toc{z-index:3;box-sizing:border-box;filter:blur(16px)contrast(100);mix-blend-mode:exclusion;background:#000;width:50px;height:100dvh;padding:10px;position:fixed;top:0;right:0;overflow:visible;border-radius:0!important}.section-toc:after{content:"";pointer-events:none;background:#fff;width:80px;height:calc(100% + 120px);position:absolute;top:-60px;right:-64px}.section-toc .section-toc-item{cursor:pointer;box-shadow:none;text-align:start;white-space:nowrap;background:0 0;border-radius:0;outline:none;flex:1 0 auto;align-items:center;width:100%;margin:0;font-size:12px;display:flex;position:relative;overflow:visible}.section-toc .section-toc-item:after{--size:40px;content:"";width:var(--size);background-color:#fff;border-radius:50%;height:100%;transition:width .3s;display:block;position:absolute;top:0;right:-27px}.section-toc .section-toc-item.active:after{--size:60px}.section-toc .section-toc-item:hover:not(.active):after{--size:68px}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;flex-flow:column;width:100%;height:100%;display:flex;overflow-y:auto}.scroll-button{z-index:2;background-color:#00000080;position:fixed;left:50%;transform:translate(-50%)}.scroll-button.scroll-down{bottom:20px}.scroll-button.scroll-up{top:20px}.scroll-section{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%;height:100dvh}.scroll-section-content{background-color:color-mix(in srgb, var(--color-background-far) 90%, transparent 10%);outline:2px solid var(--button-border-color)}.cursor-pointer{cursor:pointer}.start-section-arrows svg{animation:.7s ease-in-out infinite fadeColorFilter}.start-section-arrows svg:nth-child(2){animation-delay:.25s}.start-section-arrows svg:nth-child(3){animation-delay:.5s}@keyframes fadeColorFilter{0%{opacity:1}to{opacity:0}}table{border-collapse:collapse;border:2px solid var(--button-border-color)}table th,table td{border:1px solid var(--button-border-color);padding:8px 12px}table th{background-color:color-mix(in srgb, var(--button-border-color) 20%, transparent 80%)}@media screen and (width<=800px){.panel-duo{flex-flow:column;justify-content:space-between;align-items:center;display:flex}.panel-duo .text-panel{width:75%}.link-button{font-size:16px}.navigation .link-button{font-size:14px}.navigation .banner-logo{font-size:18px}}