:root{--bg: hsl(34, 54%, 95%);--blue-400: hsl(202, 69%, 69%);--blue-500: hsl(203, 72%, 59%);--blue-550: hsl(203, 70%, 56%);--blue-600: hsl(204, 74%, 39%);--blue-800: hsl(206, 84%, 19%);--purple-800: #3f3298;--global-max-width: 1500px;--global-left-padding: 10%;--children-max-width: 1050px;--main-content-top-padding: 45px;--main-content-left-padding: 40px;--main-content-right-padding: 80px}html{height:100%;scrollbar-gutter:stable}body{margin:0;background-color:var(--bg);font-family:Satoshi;font-weight:500;color:var(--blue-800)}a{text-decoration:none;color:#339}a:visited{color:#8d3399}p{font-weight:400;font-size:18px}.banner.svelte-12qhfyh{position:relative;pointer-events:none;padding:15px var(--main-content-left-padding) 20px;border-bottom:3px solid var(--blue-400)}.banner.svelte-12qhfyh img:where(.svelte-12qhfyh){height:50px}.main-container.svelte-12qhfyh{padding-top:40px;padding-left:var(--global-left-padding);margin-inline:auto;display:grid;grid-template-columns:min-content 1fr;max-width:var(--global-max-width)}.content.svelte-12qhfyh .children:where(.svelte-12qhfyh){position:relative;padding:var(--main-content-top-padding) var(--main-content-right-padding) 80px var(--main-content-left-padding);max-width:var(--children-max-width)}.title-container.svelte-12qhfyh{position:absolute;top:0;transform:translateY(calc(-50% - 1.5px));text-align:right;line-height:40px;font-size:18px;font-weight:600;color:var(--blue-400);right:var(--main-content-right-padding)}.links.svelte-12qhfyh{padding-top:140px;border-right:3px solid var(--blue-400);display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;min-height:300px;box-sizing:border-box;align-self:start}.links__link.svelte-12qhfyh{position:relative;padding-right:15px;text-align:right;font-size:22px;font-weight:500;color:var(--blue-400);text-decoration:none;opacity:.6;transition:.2s all}.links__link.svelte-12qhfyh.links__link--active{opacity:1;color:var(--blue-800)}.links__link.svelte-12qhfyh.links__link--active:hover,.links__link.svelte-12qhfyh:hover{opacity:1}.links__link.svelte-12qhfyh .link-bar:where(.svelte-12qhfyh){position:absolute;top:0;right:-4px;bottom:0;width:5px;background-color:var(--blue-800);opacity:1!important}footer.svelte-12qhfyh{background-color:var(--blue-400);padding-top:10px;padding-bottom:10px;padding-left:var(--global-left-padding);padding-right:var(--main-content-right-padding);color:#fff}footer.svelte-12qhfyh .footer__content:where(.svelte-12qhfyh){margin-inline:auto;max-width:var(--global-max-width);display:flex;align-items:center;justify-content:space-between;gap:20px}footer.svelte-12qhfyh .footer__content:where(.svelte-12qhfyh) .webring:where(.svelte-12qhfyh){display:flex;align-items:center;gap:10px;background-color:var(--blue-500);border:3px solid var(--blue-550);padding:5px 10px;border-radius:10px}footer.svelte-12qhfyh .footer__content:where(.svelte-12qhfyh) .webring:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:#fff}footer.svelte-12qhfyh .footer__content:where(.svelte-12qhfyh) .webring:where(.svelte-12qhfyh) img:where(.svelte-12qhfyh){height:20px;display:block;filter:invert(1)}@media screen and (max-width:1150px){:root{--global-left-padding: 40px}}@media screen and (max-width:700px){:root{--global-left-padding: 0px;--main-content-top-padding: 70px;--main-content-left-padding: 25px;--main-content-right-padding: 25px}body{display:flex;flex-direction:column;min-height:100%}.main-container.svelte-12qhfyh{display:block;flex-grow:1;margin:0;padding-top:10px}footer.svelte-12qhfyh{padding-left:var(--main-content-left-padding);padding-right:var(--main-content-right-padding)}.links.svelte-12qhfyh{height:auto;min-height:auto;flex-direction:row;padding:20px var(--main-content-right-padding) 25px var(--main-content-left-padding);z-index:9;background-color:var(--bg);border:none}.links.svelte-12qhfyh .links__link:where(.svelte-12qhfyh){padding:0;font-size:18px}.links.svelte-12qhfyh .link-bar:where(.svelte-12qhfyh){position:absolute;inset:auto 0 -8px;height:3px;width:auto}}@media screen and (max-width:450px){:root{--main-content-top-padding: 20px}.title-container.svelte-12qhfyh{position:relative;inset:0;display:flex;flex-wrap:wrap;line-height:1;margin-bottom:30px;gap:10px;justify-content:space-between;transform:none;text-align:left}}@media screen and (max-width:350px){:root{--main-content-left-padding: 15px;--main-content-right-padding: 15px}}