:root{--max-width:1148px;--gap:12px;--quadruple-gap:calc(var(--gap) * 4);--triple-gap:calc(var(--gap) * 3);--double-gap:calc(var(--gap) * 2);--half-gap:calc(var(--gap) / 2);--quarter-gap:calc(var(--gap) / 4);--half-quarter-gap:calc(var(--gap) / 8);--max-width-without-padding:calc(var(--max-width) - (var(--gap) * 2));--max-text-width:calc(var(--max-width-without-padding) * ((1 / 3) * 2));--color-primary:#ffda79;--color-primary-darker:#ffd25f;--color-secondary:#224aaf;--color-tertiary:#b9ff82;--color-tertiary-darker:#7edc37;--color-quaternary:#af2258;--color-background:#fafafa;--color-foreground:#0b0b0f}html[data-theme=dark]{--color-background:#0b0b0f;--color-foreground:#fafafa}@media (min-width:350px){:root{--gap:14px}}@media (min-width:400px){:root{--gap:18px}}@media (min-width:460px){:root{--gap:20px}}body,html{width:100%;height:100%;padding:0;margin:0}html{background:var(--color-background);color:var(--color-foreground);overflow-x:hidden;overflow-y:scroll;-webkit-font-smoothing:subpixel-antialiased;scroll-padding-top:110px}body{display:flex;flex-direction:column}