@import "https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@500&display=swap";
.nav-container{justify-content:center;align-items:center;margin:0;display:flex}.navbar{z-index:4;justify-content:center;align-items:center;display:flex;position:fixed;top:3vh}.nav-background{background:#fff;border-radius:40px;width:380px;height:40px;padding-left:0%;padding-right:0%;box-shadow:0 2px 10px #0000001a}[data-theme=dark] .nav-background{background:#121212;box-shadow:0 2px 10px #ffffff1a}.nav-list{justify-content:space-between;align-items:center;margin-top:11px;margin-left:-16px;margin-right:20px;list-style:none;display:flex}.nav-item{font-size:80%;font-weight:700}.nav-item.active a{color:var(--link-color)!important}.nav-item a{color:var(--primary-color);text-decoration:none}.nav-item a:hover{color:var(--link-color);transition:color .3s ease-in-out}@media (max-width:600px){.navbar{width:80%;margin-left:25%;margin-right:25%;font-size:80%}.nav-background{width:80%;height:40px}.nav-item{font-weight:700}}
.footer{align-items:center;width:100%;margin-top:50px;padding-top:25px;padding-bottom:25px;display:flex}.footer-links,.footer-credits{flex-basis:50%}.footer-links{margin-left:-40px}.footer-nav-link-list{justify-content:space-between;align-items:center;list-style:none;display:flex}.footer-nav-link-item{font-size:80%;font-weight:700}.footer-nav-link-list a{color:var(--secondary-color);text-decoration:none}.footer-nav-link-list a:hover{color:var(--link-color)}.footer-credits-text{color:var(--tertiary-color);text-align:right;justify-content:flex-end;font-size:14px}@media (max-width:600px){.footer{flex-direction:column;height:85px}.footer-links{justify-content:center;width:100%;display:flex}.footer-nav-link-list{width:100%}}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}[data-theme=dark] ::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.page-content{background-color:var(--content-bg);background-image:radial-gradient(ellipse 380px 160px at 8% 12%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 300px 120px at 22% 5%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 440px 180px at 40% 18%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 260px 110px at 58% 8%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 360px 150px at 75% 15%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 320px 130px at 90% 6%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 280px 115px at 15% 42%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 400px 165px at 48% 50%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 240px 98px at 70% 38%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 340px 140px at 88% 55%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 290px 118px at 5% 70%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 370px 152px at 30% 78%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 260px 106px at 60% 85%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 310px 128px at 82% 72%,var(--cloud-color)0%,transparent 65%),radial-gradient(ellipse 270px 112px at 50% 95%,var(--cloud-color)0%,transparent 65%);background-size:100% 100%;background-attachment:fixed;height:100%;min-height:100svh;animation:30s ease-in-out infinite alternate cloud-drift;position:relative}@keyframes cloud-drift{0%{background-position:0 0}50%{background-position:1% .5%}to{background-position:-1% 0}}[data-theme=dark] .page-content{background-color:var(--content-bg);background-image:none;height:100%;min-height:100svh;animation:none;position:relative}.page-content:before,.page-content:after{content:"";background-color:var(--side-bg);border:1px solid var(--side-bg);z-index:1;width:calc(50% - 600px);position:absolute;top:0;bottom:0}.page-content:before{left:0}.page-content:after{right:0}[data-theme=dark] .page-content:before,[data-theme=dark] .page-content:after{pointer-events:none;z-index:0;background-color:#0000;border:none;width:100%;height:100%;position:fixed;inset:0}[data-theme=dark] .page-content:after{background-image:radial-gradient(1px 1px at 5% 8%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 10% 15%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 16% 72%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 21% 38%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 27% 55%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 32% 20%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 37% 88%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 42% 44%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 47% 3%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 52% 66%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 57% 30%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 62% 92%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 67% 50%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 72% 12%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 77% 77%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 82% 35%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 87% 60%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 92% 22%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 97% 84%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 8% 47%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 13% 90%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 19% 25%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 24% 62%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 29% 5%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 34% 78%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 39% 33%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 44% 58%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 49% 96%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 54% 18%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 59% 43%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 64% 70%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 69% 2%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 74% 55%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 79% 28%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 84% 82%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 89% 45%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 94% 10%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 99% 68%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 3% 33%,var(--star-color)0%,transparent 100%),radial-gradient(1px 1px at 7% 95%,var(--star-color)0%,transparent 100%);background-size:100% 100%;animation:6s ease-in-out infinite alternate twinkle-small}[data-theme=dark] .page-content:before{background-image:radial-gradient(2px 2px at 9% 18%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 23% 52%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 38% 75%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 51% 11%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 65% 40%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 78% 88%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 91% 6%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 15% 65%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 45% 30%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 72% 58%,var(--star-color)0%,transparent 100%),radial-gradient(2px 2px at 96% 44%,var(--star-color)0%,transparent 100%),radial-gradient(3px 3px at 20% 80%,var(--star-color)0%,transparent 100%),radial-gradient(3px 3px at 50% 25%,var(--star-color)0%,transparent 100%),radial-gradient(3px 3px at 75% 70%,var(--star-color)0%,transparent 100%),radial-gradient(3px 3px at 4% 50%,var(--star-color)0%,transparent 100%),radial-gradient(3px 3px at 88% 15%,var(--star-color)0%,transparent 100%);background-size:100% 100%;animation:9s ease-in-out infinite alternate-reverse twinkle-large}@keyframes twinkle-small{0%{opacity:.45}50%{opacity:1}to{opacity:.55}}@keyframes twinkle-large{0%{opacity:.6}50%{opacity:1}to{opacity:.4}}[data-theme=dark] .page-content>.content-wrapper{z-index:1;position:relative}[data-theme=dark] .page-content>.content-wrapper:before,[data-theme=dark] .page-content>.content-wrapper:after{content:"";background-color:var(--side-panel-bg);border-left:1px solid var(--side-panel-border);border-right:1px solid var(--side-panel-border);pointer-events:none;z-index:0;background-image:none;width:calc(50% - 600px);height:100%;animation:none;position:fixed;top:0;bottom:0;transform:none}[data-theme=dark] .page-content>.content-wrapper:before{left:0}[data-theme=dark] .page-content>.content-wrapper:after{right:0}.content-wrapper{max-width:1000px;margin:0 auto}.title{color:var(--primary-color);font-family:var(--secondary-font);width:70%;font-size:45px;font-weight:700}.subtitle{color:var(--secondary-color);width:70%;margin-top:25px;padding-top:10px;font-size:16px;line-height:28px}.sel-button{background-color:none;border:1px solid var(--secondary-color);box-sizing:border-box;color:var(--primary-color);cursor:pointer;font-family:var(--primary-font);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:4px;outline:none;width:auto;min-width:10px;max-width:none;min-height:44px;margin:1rem;padding:8px 10px;font-size:16px;font-weight:700;line-height:1.5;display:inline-block;position:relative;overflow:hidden}.button{background-color:var(--button-bg);box-sizing:border-box;color:var(--button-color);cursor:pointer;font-family:var(--primary-font);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-style:none;border-radius:4px;outline:none;width:auto;min-width:10px;max-width:none;min-height:44px;margin:1rem;padding:9px 20px 8px;font-size:16px;font-weight:700;line-height:1.5;display:inline-block;position:relative;overflow:hidden}.button:hover,.button:focus{opacity:.75}.page-footer{text-align:center;width:100%;color:var(--tertiary-color);font-size:14px}.page-footer:before{content:"";border-top:2px solid var(--footer-border);position:absolute;left:0;right:0}[data-theme=dark] .page-footer:before{border-top:2px solid var(--footer-border)}.nolink{all:unset;color:inherit;cursor:default;text-decoration:none}@media (max-width:1270px){.page-content:before,.page-content:after{width:5%}.content-wrapper{max-width:90%;padding-left:10%;padding-right:10%}[data-theme=dark] .page-content>.content-wrapper:before,[data-theme=dark] .page-content>.content-wrapper:after{width:5%}}@media (max-width:1024px){.page-content:before,.page-content:after{width:calc(50% - 475px)}.content-wrapper{max-width:980px}[data-theme=dark] .page-content>.content-wrapper:before,[data-theme=dark] .page-content>.content-wrapper:after{width:calc(50% - 475px)}}@media (max-width:800px){.content-wrapper{max-width:90%;margin:0 auto;padding:0 10px}.page-content:before,.page-content:after,[data-theme=dark] .page-content>.content-wrapper:before,[data-theme=dark] .page-content>.content-wrapper:after{display:none}.title,.subtitle{width:100%}}
body{font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;margin:0;overflow-x:hidden}pre{-ms-border-radius:10px;-o-border-radius:10px;background-color:#263238;border-radius:10px;margin:1px;padding:7px;overflow-x:auto}[data-theme=dark] pre{background-color:#263238;border:1px solid #37474f}pre code{-webkit-white-space:pre;-moz-white-space:pre;-ms-white-space:pre;-o-white-space:pre;white-space:pre;color:#fff;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;display:block}code:not(pre code){white-space:pre-wrap;color:#fff;word-break:break-word;background-color:#263238;border-radius:4px;padding:2px 4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}