:root{--background:#0a0a0a;--foreground:#ededed;--text-color:#ededed;--component-color:#272727;--card-color:#27272790;--card-bg-image:url(/images/card-texture.svg);--card-bg-blend:overlay;--card-bg-size:300px 300px;--card-bg-repeat:repeat;--smooth-background-color:#111111;--mini-text-color:#ededed40}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--text-color);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{z-index:0;box-sizing:border-box;padding:0;margin:0;overflow:hidden}::-webkit-scrollbar{width:.75em}::-webkit-scrollbar-track{border-radius:10px;background:var(--smooth-background-color)}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--background);border:2px solid var(--mini-text-color)}a{color:inherit;text-decoration:underline}a,button,p,span{font-size:16px}button{cursor:pointer;border:0;padding:.25em .5em;border-radius:.5em;background-color:var(--card-color);background-image:var(--card-bg-image);background-blend-mode:var(--card-bg-blend);background-size:var(--card-bg-size);background-repeat:var(--card-bg-repeat)}input,textarea{border:0;padding:.25em .5em;border-radius:.25em .5em}input,textarea{width:10em;max-width:30em;min-width:10em}textarea{max-height:10em;min-height:3em}#page{height:100%;flex-direction:column}#page,footer,header{width:100%;display:flex}footer,header{z-index:1;position:fixed;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;padding:.75em 2em;height:120px;background:#00000080}header{top:0;box-shadow:0 10px 20px 0 #00000080;border-radius:0 0 20px 20px}footer{margin:2em 0 0;max-height:240px;box-shadow:0 -10px 20px 0 #00000080;border-radius:20px 20px 0 0}.logo,footer{position:relative}.logo{display:flex;flex-direction:column}#main-logo{padding:.25em .5em}.links{position:relative;display:flex;flex-direction:row;justify-content:center;gap:10px}main{z-index:0;position:absolute;overflow-y:auto;width:100%;top:0;right:0;bottom:0;left:0;margin:120px 0 0;height:calc(100% - 120px)}.children-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75em 1em;min-height:100%;gap:2em}.background{z-index:0;width:100%;height:1080px;position:fixed;background-size:cover;background-repeat:no-repeat;background-image:url(/background.png)}.human-container{position:fixed;display:flex;align-items:center;top:0;left:0;height:100%;width:100%}.human{z-index:5;--animation-start-top:-2em;position:relative;height:40em;width:25em;top:var(--animation-start-top);animation:3s ease-in-out infinite forwards;animation-name:human-levitation}.page-center{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%}.path{position:absolute;justify-self:center;left:0;right:0}@keyframes human-levitation{0%{top:var(--animation-start-top)}50%{top:2em}to{top:var(--animation-start-top)}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.paths-horizontal,.paths-vertical{display:flex;gap:4px}.paths-horizontal{flex-direction:row}.paths-vertical{flex-direction:column}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-height:640px){footer{display:none}header{height:60px}main{margin:60px 0 0;height:calc(100% - 60px)}.logo{flex-direction:row;justify-content:center;align-items:center;gap:10px}}@media (max-width:1440px){.page-center{justify-self:flex-end}}@media (max-width:1024px){.path{position:relative}}@media (max-width:640px){.path{display:none}}@media screen and (max-width:767px){footer,header{align-items:center;justify-content:space-around}#animation-button,.human{display:none}}@media (max-width:425px){.page-center{justify-self:center}#footer-logo h2,.logo .links{display:none}#footer-logo .links{display:flex}h2{font-size:24px}h3{font-size:16px}}body.halloween{--background:linear-gradient(180deg,#071019,#10040a);--foreground:#ffedd6;--text-color:#ffd89b;--component-color:#2b0f05;--card-color:#3a1506cc;--mini-text-color:#ffd89b66}.hallowen-human{height:500px;width:517px}.halloween-banner{width:100%;display:flex;align-items:center;gap:1rem;padding:.5em 2em;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,0));top:120px;z-index:5;pointer-events:auto;position:fixed;left:0;right:0}.halloween-banner img{width:36px;height:36px;transform-origin:center;animation:pumpkin-pulse 2.5s ease-in-out infinite}.halloween-banner .text{color:var(--text-color);text-shadow:0 2px 8px rgba(0,0,0,.6);font-weight:700;pointer-events:auto}.halloween-banner .banner-close{pointer-events:auto;top:.25rem;background:transparent;border:0;color:var(--text-color);font-size:1.25rem;line-height:1;padding:.25rem .5rem;cursor:pointer;opacity:.85}.halloween-banner .banner-close:hover{opacity:1}@keyframes pumpkin-pulse{0%{transform:scale(1)}50%{transform:scale(1.08) translateY(-3px)}to{transform:scale(1)}}.halloween .background:after{content:"";position:absolute;inset:0;background-image:url(/halloween/bat.svg);background-repeat:repeat-x;background-size:120px 60px;opacity:.12;animation:bats-fly 20s linear infinite;pointer-events:none}.halloween .background{background-image:url(/halloween/background.svg);background-size:cover;background-position:50%}@keyframes bats-fly{0%{background-position-x:0}to{background-position-x:-2400px}}.halloween-toggle,body.halloween footer,body.halloween header,body.halloween main{color:var(--text-color)}.halloween-toggle{pointer-events:auto;background:transparent;border:1px solid var(--mini-text-color);padding:.25em .5em;border-radius:6px}