@import"https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap";nav>ul{display:flex;flex-direction:column;list-style:none;font-size:1.8rem;gap:1.5rem}.nav-wrapper{display:flex;position:sticky;background-color:var(--primary-bold);top:0;left:0;flex-grow:1;align-items:center;gap:.5rem;padding:1rem}nav{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-bold)}.toggle-theme{margin-left:auto}button.icon{display:flex;align-items:center;border:none;background:none;color:var(--secondary-bold);cursor:pointer}button.icon:hover{color:var(--secondary-muted)}.show{display:block}.close-nav{margin:1rem;transform:scale(1.2)}.title-text{font-family:Tangerine,cursive}@media (min-width: 480px){.nav-wrapper{position:static}nav>ul{flex-direction:row;gap:.5rem;font-size:1rem}nav{display:block;position:inherit;width:fit-content;height:fit-content}button.icon.open-nav,button.icon.close-nav{display:none}}footer{display:flex;justify-content:center;color:var(--s-alpha-500);font-weight:800}:root{color-scheme:light dark;--dk-p-h: 260;--dk-p-s: 30%;--dk-p-l: 10%;--dk-s-h: 320;--dk-s-s: 10%;--dk-s-l: 90%;--dk-a-h: 300;--dk-a-s: 40%;--dk-a-l: 50%;--dk-primary-bold: hsl(var(--dk-p-h),var(--dk-p-s),var(--dk-p-l)) ;--dk-primary-dim: hsl(var(--dk-p-h), calc(var(--dk-p-s) - 10%), calc(var(--dk-p-l) + 25%));--dk-primary-muted: hsl(var(--dk-p-h), calc(var(--dk-p-s) - 20%), calc(var(--dk-p-l) + 30%) );--dk-p-alpha-900: hsla(var(--dk-p-h), var(--dk-p-s), var(--dk-p-l), .8);--dk-p-alpha-500: hsla(var(--dk-p-h), var(--dk-p-s), var(--dk-p-l), .5);--dk-p-alpha-100: hsla(var(--dk-p-h), var(--dk-p-s), var(--dk-p-l), .1);--dk-secondary-bold: hsl(var(--dk-s-h),var(--dk-s-s),var(--dk-s-l));--dk-secondary-dim: hsl(var(--dk-s-h), calc(var(--dk-s-s) + 10%), calc(var(--dk-s-l) - 15%));--dk-secondary-muted: hsl(var(--dk-s-h), calc(var(--dk-s-s) + 5%), calc(var(--dk-s-l) - 20%) );--dk-s-alpha-900: hsla(var(--dk-s-h), var(--dk-s-s), var(--dk-s-l), .8);--dk-s-alpha-500: hsla(var(--dk-s-h), var(--dk-s-s), var(--dk-s-l), .5);--dk-s-alpha-100: hsla(var(--dk-s-h), var(--dk-s-s), var(--dk-s-l), .1);--dk-accent-bold: hsl(var(--dk-a-h),var(--dk-a-s),var(--dk-a-l));--dk-accent-dim: hsl(var(--dk-a-h), calc(var(--dk-a-s) - 10%), calc(var(--dk-a-l) + 25%));--dk-accent-muted: hsl(var(--dk-a-h), calc(var(--dk-a-s) - 20%), calc(var(--dk-a-l) + 30%) );--dk-a-alpha-900: hsla(var(--dk-a-h), var(--dk-a-s), var(--dk-a-l), .8);--dk-a-alpha-500: hsla(var(--dk-a-h), var(--dk-a-s), var(--dk-a-l), .5);--dk-a-alpha-100: hsla(var(--dk-a-h), var(--dk-a-s), var(--dk-a-l), .1);--lt-p-h: 30;--lt-p-s: 20%;--lt-p-l: 85%;--lt-s-h: 320;--lt-s-s: 10%;--lt-s-l: 15%;--lt-a-h: 300;--lt-a-s: 40%;--lt-a-l: 20%;--lt-primary-bold: hsl(var(--lt-p-h),var(--lt-p-s),var(--lt-p-l)) ;--lt-primary-dim: hsl(var(--lt-p-h), calc(var(--lt-p-s) - 10%), calc(var(--lt-p-l) + 25%));--lt-primary-muted: hsl(var(--lt-p-h), calc(var(--lt-p-s) - 20%), calc(var(--lt-p-l) + 30%) );--lt-p-alpha-900: hsla(var(--lt-p-h), var(--lt-p-s), var(--lt-p-l), .8);--lt-p-alpha-500: hsla(var(--lt-p-h), var(--lt-p-s), var(--lt-p-l), .5);--lt-p-alpha-100: hsla(var(--lt-p-h), var(--lt-p-s), var(--lt-p-l), .1);--lt-secondary-bold: hsl(var(--lt-s-h),var(--lt-s-s),var(--lt-s-l));--lt-secondary-dim: hsl(var(--lt-s-h), calc(var(--lt-s-s) + 10%), calc(var(--lt-s-l) - 15%));--lt-secondary-muted: hsl(var(--lt-s-h), calc(var(--lt-s-s) + 5%), calc(var(--lt-s-l) - 20%) );--lt-s-alpha-900: hsla(var(--lt-s-h), var(--lt-s-s), var(--lt-s-l), .8);--lt-s-alpha-500: hsla(var(--lt-s-h), var(--lt-s-s), var(--lt-s-l), .5);--lt-s-alpha-100: hsla(var(--lt-s-h), var(--lt-s-s), var(--lt-s-l), .1);--lt-accent-bold: hsl(var(--lt-a-h),var(--lt-a-s),var(--lt-a-l));--lt-accent-dim: hsl(var(--lt-a-h), calc(var(--lt-a-s) - 10%), calc(var(--lt-a-l) + 25%));--lt-accent-muted: hsl(var(--lt-a-h), calc(var(--lt-a-s) - 20%), calc(var(--lt-a-l) + 30%) );--lt-a-alpha-900: hsla(var(--lt-a-h), var(--lt-a-s), var(--lt-a-l), .8);--lt-a-alpha-500: hsla(var(--lt-a-h), var(--lt-a-s), var(--lt-a-l), .5);--lt-a-alpha-100: hsla(var(--lt-a-h), var(--lt-a-s), var(--lt-a-l), .1)}[data-theme=light]{--primary-bold: var(--lt-primary-bold);--primary-dim: var(--lt-primary-dim);--primary-muted: var(--lt-primary-muted);--p-alpha-900: var(--lt-p-alpha-900);--p-alpha-500: var(--lt-p-alpha-500);--p-alpha-100: var(--lt-p-alpha-100);--secondary-bold: var(--lt-secondary-bold);--secondary-dim: var(--lt-secondary-dim);--secondary-muted: var(--lt-secondary-muted);--s-alpha-900: var(--lt-s-alpha-900);--s-alpha-500: var(--lt-s-alpha-500);--s-alpha-100: var(--lt-s-alpha-100);--accent-bold: var(--lt-accent-bold);--accent-dim: var(--lt-accent-dim);--accent-muted: var(--lt-accent-muted);--a-alpha-900: var(--lt-a-alpha-900);--a-alpha-500: var(--lt-a-alpha-500);--a-alpha-100: var(--lt-a-alpha-100)}[data-theme=dark]{--primary-bold: var(--dk-primary-bold);--primary-dim: var(--dk-primary-dim);--primary-muted: var(--dk-primary-muted);--p-alpha-900: var(--dk-p-alpha-900);--p-alpha-500: var(--dk-p-alpha-500);--p-alpha-100: var(--dk-p-alpha-100);--secondary-bold: var(--dk-secondary-bold);--secondary-dim: var(--dk-secondary-dim);--secondary-muted: var(--dk-secondary-muted);--s-alpha-900: var(--dk-s-alpha-900);--s-alpha-500: var(--dk-s-alpha-500);--s-alpha-100: var(--dk-s-alpha-100);--accent-bold: var(--dk-accent-bold);--accent-dim: var(--dk-accent-dim);--accent-muted: var(--dk-accent-muted);--a-alpha-900: var(--dk-a-alpha-900);--a-alpha-500: var(--dk-a-alpha-500);--a-alpha-100: var(--dk-a-alpha-100)}body{font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--primary-bold);color:var(--secondary-bold);padding:0;margin:0}a,a.active{margin-right:1rem;text-decoration:none;color:var(--accent-dim)}a:hover{color:var(--accent-muted)}main{text-align:center;padding:1em 1.2rem;margin:0 auto}h1{padding:0;margin:0}p{margin:2rem auto;line-height:1.35}img{max-width:100%;padding:.5rem}.margin-auto{margin:0 auto}.heroicon{width:2rem;height:2rem}.theme-icon{width:3rem;height:2rem}.list-style-none *{list-style:none;text-align:left}@media (min-width: 480px){section{max-width:75ch}}