diff --git a/.eleventy.js b/.eleventy.js
index e1e268be..30e2d6b9 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -8,7 +8,6 @@ module.exports = function (eleventyConfig) {
eleventyConfig.addWatchTarget("./src/css");
eleventyConfig.addPassthroughCopy({ "./src/_css/": "/css/" });
- eleventyConfig.addPassthroughCopy({ "./src/_fonts": "/fonts" });
eleventyConfig.addPassthroughCopy({ "./src/_public": "/" });
eleventyConfig.addPassthroughCopy({
"./src/_client_scripts/app_search.js": "/js/app_search.js",
diff --git a/src/_css/main.css b/src/_css/main.css
index e8fb805e..d090cc1a 100644
--- a/src/_css/main.css
+++ b/src/_css/main.css
@@ -1 +1,3428 @@
-@font-face{font-family:"Rubik";font-weight:400 900;src:url("/fonts/Rubik-Variable.woff2") format("woff2-variations"),url("/fonts/Rubik-Variable.woff2") format("woff2");font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:"Atomic Marker";src:url("/fonts/AtomicMarker.woff2") format("woff2");font-weight:normal;font-style:normal;font-stretch:normal;font-display:block}@font-face{font-family:"Atomic Marker Extras";src:url("/fonts/AtomicMarkerExtras.woff2") format("woff2");font-weight:normal;font-style:normal;font-stretch:normal;font-display:block}@font-face{font-family:"Atomic Marker Extras Two";src:url("/fonts/AtomicMarkerExtrasTwo.woff2") format("woff2");font-weight:normal;font-style:normal;font-stretch:normal;font-display:block}@media(prefers-reduced-motion: reduce){:root{--global-transition-time: 0;--scroll-behaviour: auto}}:root{--pink: #f0047f;--pink-light: #f890c6;--black: #0e0016;--black-alt: #1f1823;--grey-dark: #2b2e3a;--grey-mid: #475467;--white: #faefff;--white-alt: #f7d9ff;--orange: #fc814a;--body-horizontal-padding-sm: 1rem;--body-horizontal-padding-lg: 2.5rem;--font-family-main: "Rubik", Arial, sans-serif;--font-weight-bold: 800;--font-weight-mid: 600;--font-weight-main: 400;--border-radius-base: 0.375rem;--global-max-width: 1440px;--feed-max-width: 510px;--post-max-width: 1064px;--base-shadow-filter: drop-shadow(0px 0.125rem 0.125rem rgba(0, 0, 0, 0.25));--global-transition-time: 0.21s;--scroll-behaviour: smooth;--form-height: 48px}[color-mode=dark]{color-scheme:dark;--page-bg: radial-gradient(farthest-corner at 100% 100%, var(--black-alt) 0%, var(--black) 50%);--whitep4nth3r-bg-svg: url("/img/whitep4nth3r-darkmode.svg");--color-bg: var(--black);--color-fg: var(--white);--color-fg-copy: rgba(255, 255, 255, 0.92);--color-link: var(--pink-light);--color-brush-bg: rgba(255, 255, 255, 0.72);--color-focus-outline: var(--pink-light);--bio-image-container-bg: rgb(250, 239, 255, 0.16)}[color-mode=light]{color-scheme:light;--page-bg: radial-gradient(farthest-corner at 100% 100%, var(--white-alt) 0%, var(--white) 50%);--whitep4nth3r-bg-svg: url("/img/whitep4nth3r-lightmode.svg");--color-bg: var(--white);--color-fg: var(--black);--color-fg-copy: rgba(0, 0, 0, 0.72);--color-link: var(--pink);--color-brush-bg: rgba(0, 0, 0, 0.72);--color-focus-outline: var(--pink);--bio-image-container-bg: rgb(14, 0, 22, 0.08)}*{box-sizing:border-box;margin:0;z-index:1}html{font-size:100%;scroll-behavior:var(--scroll-behaviour);background-color:var(--color-bg)}img{max-width:100%;height:auto}a{color:inherit;transition:color .2s ease-in-out;text-decoration:underline;text-underline-offset:.125rem;text-decoration-thickness:.125rem}strong{font-weight:var(--font-weight-bold);font-family:var(--font-family-main)}body{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;color:var(--color-fg);padding:var(--body-horizontal-padding-sm);position:relative;min-height:100vh;background:var(--color-bg);background-image:var(--page-bg);background-attachment:fixed !important}@media screen and (min-width: 48rem){body{padding:1rem var(--body-horizontal-padding-lg)}}@keyframes fadeInBrush{0%{opacity:0}100%{opacity:50%}}main{margin:6rem auto auto auto;max-width:var(--global-max-width)}@media screen and (min-width: 768px){main{margin-top:10rem}}main:before{animation:fadeInBrush .42s ease-in-out;font-weight:normal;font-style:normal;font-family:"Atomic Marker Extras Two";content:"M"/"";color:var(--color-brush-bg);position:fixed;z-index:-1;opacity:50%;mix-blend-mode:overlay;font-size:1000px;line-height:1;right:-10%;top:5%}main:after{content:"";background-image:var(--whitep4nth3r-bg-svg);background-repeat:no-repeat;background-size:cover;height:0;width:100%;padding-bottom:15.703125%;position:fixed;bottom:0;left:0;z-index:-1}[data-type=about] main:before,[data-type=uses] main:before,[data-type=post] main:before{content:"Q"/"";top:20%;right:-20%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}[color-mode=dark]{--input-bg: rgba(255, 255, 255, 0.06);--input-border: 0.0625rem solid rgba(255, 255, 255, 0.18)}[color-mode=light]{--input-bg: rgba(0, 0, 0, 0.07);--input-border: 1px solid rgba(0, 0, 0, 0.14)}@keyframes flash{0%{opacity:0}50%{opacity:1}100%{opacity:0}}[color-mode=light]{--header-bg: rgba(250, 239, 255, 0.8);--header-external-arrow-svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66663 11.3334L11.3333 4.66675M11.3333 4.66675H4.66663M11.3333 4.66675V11.3334' stroke='black' stroke-opacity='0.72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--header-home-active-content: url("/img/nav-active-home-light.svg");--header-about-active-content: url("/img/nav-active-about-light.svg");--header-blog-active-content: url("/img/nav-active-blog-light.svg")}[color-mode=dark]{--header-bg: rgba(14, 0, 22, 0.75);--header-external-arrow-svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66663 11.3334L11.3333 4.66675M11.3333 4.66675H4.66663M11.3333 4.66675V11.3334' stroke='white' stroke-opacity='0.72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--header-home-active-content: url("/img/nav-active-home-dark.svg");--header-about-active-content: url("/img/nav-active-about-dark.svg");--header-blog-active-content: url("/img/nav-active-blog-dark.svg")}.header{--header-padding-vertical: 0.25rem;--logo-height: 3rem;margin:1rem auto;max-width:var(--global-max-width);display:flex;justify-content:space-between;align-items:center;flex-direction:row;z-index:10;position:fixed;justify-self:center;width:calc(100vw - var(--body-horizontal-padding-sm)*2);border-radius:2.5rem;background:var(--header-bg);backdrop-filter:blur(6px);padding:0 .5rem;left:50%;transform:translateX(-50%)}@media screen and (min-width: 768px){.header{width:calc(100vw - var(--body-horizontal-padding-lg)*2)}}.header__navGroup{display:flex;gap:1rem;align-items:center;flex-direction:row;justify-self:flex-start;width:max-content}.header__skipToMainContent{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);display:flex;justify-content:center;color:var(--color-fg);text-decoration:none;font-size:1rem;line-height:1;max-width:var(--global-max-width);margin-left:auto;margin-right:auto;padding:.5rem;margin-bottom:.5rem;position:absolute;top:-100px;transform:translateX(-50%);left:50%;background-color:var(--color-bg);z-index:15;position:absolute}.header__skipToMainContent:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.header__skipToMainContent:focus{top:1rem}.header__logoContainer{display:none}@media screen and (min-width: 768px){.header__logoContainer{display:flex;flex-direction:column;justify-content:center;padding:var(--header-padding-vertical)}.header__logoContainer svg{height:var(--logo-height);width:auto}}.header__navList{padding-left:0;list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:.25rem;position:relative}@media screen and (min-width: 768px){.header__navList{gap:1rem}}.header__navListDetails{position:relative}.header__navListMoreLinks{background:var(--header-bg);border-radius:0 0 var(--border-radius-base) var(--border-radius-base);position:absolute;bottom:0;width:max-content;left:50%;transform:translate(-50%, 100%)}.header__navListMoreLinks a{padding:.9rem}@media screen and (min-width: 768px){.header__navListMoreLinks{bottom:calc(var(--header-padding-vertical)*-0.5)}.header__navListMoreLinks a{padding:.5rem}}.header__navListMoreLinks::before{background-color:var(--header-bg);content:"";filter:blur(6px);position:absolute;inset:6%;z-index:-1;display:block}.header__navListItemLink--external{transition:text-shadow var(--global-transition-time) ease-in-out}.header__navListItemLink--external:hover{text-shadow:0 0 .25rem rgba(245,88,170,.7)}.header__navListItemLink--external::after{content:"";display:inline-block;background-image:var(--header-external-arrow-svg);height:1rem;width:1rem}.header__navListSummary{cursor:pointer;position:relative;display:flex;align-items:center}@media screen and (min-width: 768px){.header__navListSummary{height:calc(var(--header-padding-vertical) + var(--logo-height))}}.header__navListItemLink,.header__navListSummary{transition:opacity var(--global-transition-time) ease-in-out;opacity:.72;font-weight:var(--font-weight-bold);font-family:var(--font-family-main);padding:1rem .5rem;text-decoration:none;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between;text-transform:uppercase;position:relative;font-size:.875rem;line-height:1;letter-spacing:1px}@media screen and (min-width: 768px){.header__navListItemLink,.header__navListSummary{font-size:1rem;padding:.5rem .5rem}}.header__navListItemLink:focus-visible,.header__navListSummary:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.header__navListItemLink:hover,.header__navListSummary:hover{opacity:1}[data-active=home] [data-link=home],[data-active=blog] [data-link=blog],[data-active=video] [data-link=video]{opacity:1;position:relative}[data-active=home] [data-link=home]::after,[data-active=blog] [data-link=blog]::after,[data-active=video] [data-link=video]::after{width:100%;display:block;position:absolute;bottom:0;left:0;z-index:-1}[data-active=home] [data-link=home]::after{content:var(--header-home-active-content);bottom:.75rem}@media screen and (min-width: 768px){[data-active=home] [data-link=home]::after{bottom:.25rem}}[data-active=blog] [data-link=blog]::after{content:var(--header-blog-active-content);bottom:.75rem}@media screen and (min-width: 768px){[data-active=blog] [data-link=blog]::after{bottom:.25rem}}[data-active=video] [data-link=video]::after{content:var(--header-about-active-content);bottom:.75rem}@media screen and (min-width: 768px){[data-active=video] [data-link=video]::after{bottom:.25rem}}.header__themeToggle{padding:.5rem;border-color:rgba(0,0,0,0);transition:all var(--global-transition-time) ease-in-out;background-image:url("/img/theme-dark.svg");background-repeat:no-repeat;background-position:center;height:2.75rem;width:2.75rem;border-radius:100%;background-color:rgba(0,0,0,0);cursor:pointer;display:inline;position:relative}.header__themeToggle.header__themeToggle--light{background-image:url("/img/theme-light.svg")}.header__themeToggle:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.home{display:block;margin:auto;gap:2rem;min-height:100vh}@media screen and (min-width: 62.5em){.home{display:flex;flex-direction:row}}.home__left{margin-bottom:3rem}@media screen and (min-width: 62.5em){.home__left{width:26.25rem;flex-grow:0;flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;min-height:70vh;margin-bottom:0}}@media screen and (min-width: 62.5em){.home__fixed{position:fixed;height:70vh;max-width:26.25rem;display:flex;justify-content:center;align-items:center}}.home__scroll{display:flex;flex-direction:column;flex-grow:1;max-width:1080px;margin:auto}.home__twitch{margin-bottom:3rem}@media screen and (min-width: 62.5em){.home__twitch{display:flex;flex-grow:1;justify-content:center;align-items:center;flex-direction:column}}.home__heading{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:2rem;line-height:1;margin-bottom:2rem;color:var(--color-link);position:relative;text-decoration:none}.home__heading:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.home__activity{margin:auto;display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width: 62.5em){.home__activity{grid-template-columns:1fr 1fr}}.homeAbout{width:100%}.homeAbout__name{position:relative;color:var(--color-fg);display:block}.homeAbout__subtitle{font-size:1.4rem;line-height:1;margin-bottom:2rem;color:var(--color-fg);display:block}.homeAbout__bio h2{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.875rem;line-height:1.375;margin-bottom:1rem;color:var(--color-fg)}.homeAbout__bio p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:var(--color-fg-copy)}.homeAbout__bio p a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.homeAbout__bio p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.blog{display:block}@media screen and (min-width: 48em){.blog{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}}@media screen and (min-width: 70em){.blog{grid-template-columns:1fr 4fr}}.blog__searchAndCats{height:max-content;border-radius:.75rem}.blog__filterToggle{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:.875rem;line-height:1.25;display:flex;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;padding:.625rem 1rem;gap:.5rem;background:linear-gradient(180deg, #70707b 0%, #51525c 100%);border:.0625rem solid #18181b;box-shadow:0px 1px 2px rgba(16,24,40,.05),inset 0px -2px 0px rgba(0,0,0,.24),inset 0px 1px 0px rgba(255,255,255,.32);border-radius:.5rem;height:var(--form-height);color:#fff;transition:all var(--global-transition-time) ease-in-out}.blog__filterToggle:hover{background:linear-gradient(180deg, #51525c 0%, #26272b 100%)}.blog__filterToggle:focus-visible{box-shadow:0px 1px 2px rgba(16,24,40,.05),0px 0px 0px 2px #404040,0px 0px 0px 6px var(--pink),0px 1px 2px rgba(16,24,40,.05),inset 0px -2px 0px rgba(0,0,0,.24),inset 0px 1px 0px rgba(255,255,255,.32);outline-color:var(--color-bg)}.blog__filterToggle:active{background:linear-gradient(180deg, #18181b 0%, #26272b 100%)}@media screen and (min-width: 48em){.blog__filterToggle{display:none}}.blog__searchBoxAndFilterToggle{display:flex;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}@media screen and (min-width: 48em){.blog__searchBoxAndFilterToggle--topicsPage{margin-bottom:0}}.blog__cats{display:none;background:var(--color-bg);box-shadow:inset 0px 1px 0px rgba(255,255,255,.25);backdrop-filter:blur(1rem);border-radius:1rem 1rem 0 0;padding:1rem;z-index:10;position:fixed;bottom:0;width:100vw;height:50vh;overflow-y:scroll;overflow-x:hidden;margin-left:-1rem}@media screen and (min-width: 48em){.blog__cats{background:unset;border-radius:unset;box-shadow:unset;display:block;padding:unset;z-index:1;position:relative;bottom:unset;width:unset;height:100%;overflow:auto;margin-left:0}}.blog__cardsGrid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));list-style:none;padding-left:0;grid-auto-rows:1fr}.blog__cardsGrid li{display:flex}.blog__emptySearchCard{max-width:320px}.blog__item mark{color:var(--color-bg);background-color:var(--color-fg)}.about{display:block;margin:auto;gap:2rem;min-height:100vh}@media screen and (min-width: 62.5em){.about{display:flex;flex-direction:row}}.about__image{margin-bottom:3rem}@media screen and (min-width: 62.5em){.about__image{width:28rem;flex-grow:0;flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;min-height:70vh;margin-bottom:0}}.about__name{z-index:10;margin-top:-6.6rem}@media screen and (min-width: 62.5em){.about__name{margin-top:0}}@media screen and (min-width: 62.5em){.about__fixed{position:fixed;height:100vh;max-width:26.25rem;display:flex;justify-content:center;align-items:center}}@media screen and (min-width: 62.5em){.about__fixed{align-items:flex-start}}.about__fixed img{background-color:var(--bio-image-container-bg)}.about__fixed *{height:calc(100% - 6.5rem);object-fit:cover;border-radius:var(--border-radius-base)}.about__details{display:flex;flex-direction:column;flex-grow:1;max-width:1080px;margin:auto;margin:unset}[color-mode=dark]{--topics-item-hover-bg: rgba(255, 255, 255, 0.09)}[color-mode=light]{--topics-item-hover-bg: rgba(0, 0, 0, 0.09)}.topics{list-style:none;display:block;padding-left:.175rem;padding-right:.175rem;padding-bottom:.75rem}.topics__topRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.topics__closeButton{display:block;appearance:none;background:rgba(0,0,0,0);color:var(--color-fg);outline:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding:0}.topics__closeButton:focus-visible{box-shadow:0px 1px 2px rgba(16,24,40,.05),0px 0px 0px 2px #404040,0px 0px 0px 6px var(--pink),0px 1px 2px rgba(16,24,40,.05),inset 0px -2px 0px rgba(0,0,0,.24),inset 0px 2px 0px rgba(255,255,255,.32);outline:var(--color-bg)}@media screen and (min-width: 48em){.topics__closeButton{display:none}}.topics__title{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1rem}.topics__meta{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1rem;margin-bottom:1rem}.topics__listItemLink{display:block;font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-fg);font-size:1rem;line-height:1.5rem;text-decoration:none;padding:.635rem .875rem;border-radius:var(--border-radius-base);transition:background-color var(--global-transition-time) ease-in-out}.topics__listItemLink:hover{background-color:var(--topics-item-hover-bg)}.topics__listItemLink:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.topics__listItemLink--selected{background-color:var(--pink);color:var(--white)}.topics__listItemLink--selected:hover{background-color:var(--pink);color:var(--white)}.page__headerTitle{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);margin:0 auto clamp(2rem,3vw,3rem) auto;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.4;color:var(--color-fg)}[color-mode=dark]{--post-hr-color: var(--pink-light);--table-th-color: var(--color-fg);--post-meta-fg-color: var(--color-bg)}[color-mode=light]{--post-hr-color: var(--pink);--table-th-color: var(--white);--post-meta-fg-color: var(--color-fg)}.post{max-width:var(--post-max-width);margin:auto}@media screen and (min-width: 56em){.post{display:grid;grid-template-columns:1fr 3fr;column-gap:clamp(2rem,4vw,4rem)}}.post__meta{margin:auto;max-width:var(--post-max-width);display:flex;flex-direction:row;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.post__meta__topic{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-weight:500;font-size:.875rem;line-height:1.5;color:var(--post-meta-fg-color);background-color:#fff;border-radius:1rem;padding:.125rem .5rem;width:max-content}.post__excerpt p{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.5;margin-bottom:2rem;color:var(--color-fg-copy)}.post__separator{margin-bottom:2rem;border-color:var(--post-hr-color);border-style:solid}.post__article{display:flex;flex-direction:column}.post__aside{flex-direction:column;display:flex;width:17.5rem}@media screen and (min-width: 56em){.post__authorContainer{margin-bottom:2rem}}.post__asideStickyGroup{--sticky-gap: 10rem;position:sticky;top:var(--sticky-gap);overflow-y:auto;max-height:100vh;padding-top:.25rem;padding-bottom:0;padding-right:1rem;margin-left:-1rem;padding-left:1rem}@media screen and (min-width: 56em){.post__asideStickyGroup{padding-bottom:var(--sticky-gap)}}.post__body{margin-bottom:2rem}.post__hr{border-color:var(--color-fg-copy);margin-top:2rem;margin-bottom:2rem}.post__h1{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);margin:0 auto 3rem auto;font-size:clamp(2.5rem,3.5vw,3.5rem);line-height:1.4;color:var(--color-fg);max-width:var(--post-max-width);text-wrap:balance}.post__h2{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:clamp(1.8rem,2.8vw,2rem);line-height:1.4;margin-bottom:2rem;margin-top:2rem;word-break:break-word;hyphens:auto;color:var(--color-fg)}.post__h3{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.4rem;line-height:1.4;margin-top:2rem;margin-bottom:2rem;color:var(--color-fg);word-break:break-word;hyphens:auto}.post__linkedHeading{display:block;text-decoration:none;color:var(--color-fg);position:relative}.post__linkedHeading:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.post__h4,.post__h5,.post__h6{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.4;margin-bottom:1rem;color:var(--color-fg)}.post__p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.125rem;line-height:1.75;margin-bottom:1rem;color:var(--color-fg-copy);word-break:break-word}.post__p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.post__p--bold{font-family:var(--font-family-bold);font-weight:var(--font-weight-bold)}.post__p--italic{font-style:italic}.post__responsiveImage{margin-top:2rem;margin-bottom:2rem}.post__codeBlock{margin-bottom:2rem;margin-top:2rem}.post__blockquote{display:block;margin-block-start:2rem;margin-block-end:2rem;padding:1rem 1.5rem;border-left:.25rem solid var(--orange)}.post__blockquote p{font-style:italic;font-size:1.5rem;line-height:1.5;font-weight:500;color:var(--color-fg)}.post__blockquote:before{content:'"';font-weight:normal;font-style:normal;font-family:"Atomic Marker";color:var(--orange);font-size:10rem;line-height:0;position:relative;top:4rem}.post__externalUrl,.post__isSponsored{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);margin-bottom:2rem;max-width:max-content;color:var(--color-fg);text-decoration:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1rem;word-wrap:break-word}.post__isSponsoredIcon,.post__externalUrlIcon{margin-right:.5rem;display:flex}.post__related{margin-bottom:2rem}.post__relatedHeader{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:clamp(1.8rem,2.8vw,2rem);line-height:1.4;margin-bottom:2rem;padding-top:2rem;word-break:break-word;hyphens:auto;color:var(--color-fg)}.post__relatedGrid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width: 54em){.post__relatedGrid{grid-template-columns:1fr 1fr}}.post__tweetEmbed{margin-top:2rem;margin-bottom:2rem}.post__tweetEmbed iframe{border-radius:14px}.post__responsiveImage{margin-left:auto;margin-right:auto;display:block;border-radius:calc(var(--border-radius-base)*2)}.post__deployToNetlifyButton{margin:2rem auto;display:block;width:max-content}.post__callout{padding:1rem;border-radius:.75rem;border:.25rem solid var(--post-hr-color);margin-top:2rem;margin-bottom:2rem}.post__calloutTitle{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-size:1.4rem;line-height:1.6;margin-bottom:1rem;color:var(--color-fg)}.post__calloutContent{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.6;color:var(--color-fg);word-break:break-word}.post__calloutContent p:not(:last-of-type){margin-bottom:1rem}.post__calloutContent blockquote{margin-inline-start:1rem}.post__calloutContent blockquote p{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);margin-bottom:1.75rem;font-size:1.4rem;line-height:1.7}.post__calloutContent blockquote:before{content:'"';font-weight:normal;font-style:normal;font-family:"Atomic Marker";color:var(--orange);font-size:10rem;line-height:0;position:relative;top:4rem}.post__outOfDate{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);line-height:1.3;font-size:1.5rem;margin-bottom:2rem}.post__referer{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);display:block;max-width:var(--post-max-width);font-size:1rem;margin:1rem auto 2rem auto;color:var(--color-fg);line-height:1.4;font-style:italic}.post__referer a{display:inline-block;line-height:inherit;position:relative}.post__referer a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.post__arcadeEmbed{margin-bottom:2rem;margin-top:2rem}.post__newsletterSignupWide{display:none}@media screen and (min-width: 56em){.post__newsletterSignupWide{display:block}}.post__newsletterSignupSmall{display:block}@media screen and (min-width: 56em){.post__newsletterSignupSmall{display:none}}.post__tableWrapper{overflow-x:auto}.post__table{--cell-padding: clamp(0.5rem, 0.75vw, 0.75rem);border-collapse:collapse;word-break:normal;margin-bottom:2rem;margin-top:1rem}.post__tableHeader{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);text-align:left;border:1px solid var(--color-fg);padding:var(--cell-padding);background:var(--grey-mid);color:var(--table-th-color)}.post__tableCell{font-weight:var(--font-weight-main);font-family:var(--font-family-main);text-align:left;word-wrap:break-word;padding:var(--cell-padding);border:1px solid var(--color-fg)}.pagination{margin:4rem auto;max-width:var(--global-max-width);background:var(--card-bg);backdrop-filter:blur(1rem);border-radius:.75rem}.pagination__description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pagination__list{list-style:none;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:1rem}.pagination__listItem{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-size:1.2rem;text-decoration:none;flex-grow:1;text-align:center}.pagination__listItem:first-of-type,.pagination__listItem:first-of-type a{justify-content:flex-start;text-align:left}.pagination__listItem:last-of-type,.pagination__listItem:last-of-type a{justify-content:flex-end;text-align:right}.pagination__listItem a{color:inherit;padding:1rem;text-decoration:none;display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;position:relative}.pagination__listItem a:focus:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.publishedDate{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:flex-start}.publishedDate__item{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:.875rem;margin-bottom:0;color:var(--color-fg)}.tableOfContents{margin-bottom:2rem}.tableOfContents__list{list-style:none;padding:0}[color-mode=dark]{--table-of-contents-header-color: var(--pink-light)}[color-mode=light]{--table-of-contents-header-color: var(--pink)}.tableOfContents__header{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);color:var(--table-of-contents-header-color);margin-bottom:1rem;font-size:1.2rem;cursor:pointer}.tableOfContents__header:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.tableOfContents__item{margin-bottom:.75rem}.tableOfContents__itemLink{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1.4;color:var(--color-fg-copy);text-decoration:none;display:block}.tableOfContents__itemLink:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.tableOfContents__item--nudged{padding-left:1rem}.tableOfContents__item--cat{text-transform:capitalize}.author{--gap: 4rem;display:flex;height:100%;flex-direction:column;justify-content:space-between;row-gap:var(--gap)}.author--hideSmall{display:none}@media screen and (min-width: 56em){.author--hideSmall{display:flex;height:100%;flex-direction:column;justify-content:space-between}}.author__cta{display:block;position:relative;flex-grow:1}.author__cta:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.author__cta:focus-visible .author__imgContainer,.author__cta:hover .author__imgContainer{transform:scale(0.95)}.author__imgContainer{filter:var(--base-shadow-filter);transition:transform var(--global-transition-time) ease-in-out;height:100%}.author__imgContainer img{background-color:var(--bio-image-container-bg)}.author__imgContainer *{border-radius:var(--border-radius-base);height:100%;object-fit:cover}.author__name{display:block;position:relative;height:0;bottom:var(--gap)}.author_social{margin-top:.5rem;display:flex;height:max-content}.blogEndAuthor{margin-bottom:2rem;display:grid;grid-template-columns:1fr 5fr;gap:0 1rem;grid-template-areas:"avatar bio" "avatar social"}.blogEndAuthor__imgContainer{grid-area:avatar;filter:var(--base-shadow-filter);transition:transform var(--global-transition-time) ease-in-out}.blogEndAuthor__imgContainer img{border-radius:var(--border-radius-base);background-color:var(--bio-image-container-bg)}.blogEndAuthor_social{grid-area:social}.blogEndAuthor__name{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.125rem;line-height:1.75;color:var(--color-fg)}.blogEndAuthor__bio{grid-area:bio;margin-bottom:.5rem}.blogEndAuthor__bio p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1.5;margin-bottom:1rem;color:var(--color-fg-copy)}.blogEndAuthor__bio p a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.blogEndAuthor__bio p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.blogSidebarSocialLinks{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.speakerDeckLink__viewCta{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);background-color:var(--topic-button-bg);border-radius:var(--border-radius-base);padding:.5rem 1rem .5rem .75rem;color:var(--topic-button-color);text-decoration:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1rem;max-width:max-content;margin-top:2rem;margin-bottom:2rem}.videoEmbed__cta{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1;margin-bottom:1rem;color:var(--color-fg-copy)}.eleventy-plugin-youtube-embed{margin-bottom:1rem;margin-top:2rem;filter:var(--base-shadow-filter);border-radius:calc(var(--border-radius-base)*2);overflow:hidden}.videoEmbed__ytShort .eleventy-plugin-youtube-embed lite-youtube{aspect-ratio:9/16;position:relative;width:100%;height:auto}.codePenEmbed__container{margin-left:auto;margin-right:auto;margin-bottom:2rem}.uses{max-width:var(--global-max-width);margin:auto}.uses_catHeading{position:relative;top:2.5rem;z-index:9}.uses__list{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));list-style:none;padding-left:0;grid-auto-rows:1fr}.uses__list li{display:flex}[color-mode=dark]{--bio-button-color: rgba(255, 255, 255, 0.6);--bio-button-bg: rgba(255, 255, 255, 0.1)}[color-mode=light]{--bio-button-color: var(--grey-mid);--bio-button-bg: rgba(52, 64, 84, 0.1)}.bio{display:flex;flex-direction:column;justify-content:space-between;position:relative}.bio__topRow{display:flex;justify-content:space-between;flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:2rem}@media screen and (min-width: 1237px){.bio__topRow{flex-direction:row}}.bio__buttons{display:flex;flex-direction:row;gap:1rem;align-items:center;z-index:3;order:2}@media screen and (min-width: 1237px){.bio__buttons{order:1}}.bio__links{order:1}@media screen and (min-width: 1237px){.bio__links{order:2}}.bio__button{position:relative;border-width:0;border-radius:var(--border-radius-base);color:var(--bio-button-color);background:var(--bio-button-bg);color:var(--color-fg);font-weight:600;font-size:1rem;line-height:1.5;padding:.625rem .875rem;text-decoration:none}.bio__button:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.bio__block{margin-bottom:4rem;max-width:42rem}.bio__block h2{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.875rem;line-height:1.375;margin-bottom:1rem;color:var(--color-fg);scroll-margin-top:10.5rem}.bio__block h3{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.875rem;line-height:1.375;margin-bottom:1rem;color:var(--color-fg)}.bio__block p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:var(--color-fg-copy)}.bio__block p a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.bio__block p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.bio__block .videoEmbed__cta{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1;margin-bottom:1rem}[color-mode=dark]{--lighthouse-green-fg: rgb(27, 195, 106);--lighthouse-green-stroke: rgb(27, 195, 106);--lighthouse-green-bg: rgb(30, 46, 47);--lighthouse-orange-fg: rgb(251, 157, 70);--lighthouse-orange-stroke: rgb(251, 157, 70);--lighthouse-orange-bg: rgb(52, 43, 34);--lighthouse-red-fg: rgb(250, 40, 52);--lighthouse-red-stroke: rgb(250, 40, 52);--lighthouse-red-bg: rgb(52, 31, 32);--lighthouse-container-bg: rgb(29, 30, 32)}[color-mode=light]{--lighthouse-green-fg: rgb(15, 123, 38);--lighthouse-green-stroke: rgb(27, 195, 106);--lighthouse-green-bg: rgb(233, 249, 240);--lighthouse-orange-fg: rgb(184, 42, 22);--lighthouse-orange-stroke: rgb(251, 157, 70);--lighthouse-orange-bg: rgb(255, 246, 237);--lighthouse-red-fg: rgb(193, 0, 19);--lighthouse-red-stroke: rgb(250, 40, 52);--lighthouse-red-bg: rgb(255, 234, 235);--lighthouse-container-bg: #ffffff}.lighthouse{margin:2rem auto;max-width:520px;padding:1rem;text-align:left;border-radius:calc(var(--border-radius-base)*2);background-color:var(--lighthouse-container-bg);filter:var(--base-shadow-filter)}.lighthouse__header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--color-fg)}.lighthouse__title{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.4;margin-bottom:1rem}.lighthouse__subTitle{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.4;margin-bottom:2rem;word-wrap:break-all;display:block}.lighthouse__scores{display:grid;grid-template-columns:1fr 1fr;justify-content:center}.lighthouse__col{display:flex;flex-direction:column}.lighthouse__scoresNo{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;font-family:"Courier New",Courier,monospace;font-weight:bold;font-size:3rem;border-radius:50%;height:8rem;width:8rem;margin-bottom:1rem}.lighthouse__scoresNo--red{background-color:var(--lighthouse-red-bg);color:var(--lighthouse-red-fg)}.lighthouse__scoresNo--red .lighthouse__circle{stroke:var(--lighthouse-red-stroke)}.lighthouse__scoresNo--orange{background-color:var(--lighthouse-orange-bg);color:var(--lighthouse-orange-fg)}.lighthouse__scoresNo--orange .lighthouse__circle{stroke:var(--lighthouse-orange-stroke)}.lighthouse__scoresNo--green{background-color:var(--lighthouse-green-bg);color:var(--lighthouse-green-fg)}.lighthouse__scoresNo--green .lighthouse__circle{stroke:var(--lighthouse-green-stroke)}.lighthouse__type{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-size:1.2rem;text-align:center;line-height:1.4}.lighthouse__circle{border-radius:50%;height:8rem;width:8rem;position:absolute;transform:rotate(-90deg);fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round}.fourohfour__content{max-width:var(--post-max-width);margin-left:auto;margin-right:auto;text-align:center}.fourohfour__logo{max-width:100%}.fourohfour__cta{max-width:400px;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:1rem}.fourohfour__title{font-weight:normal;font-style:normal;font-family:"Atomic Marker";color:var(--color-body)}.fourohfour__text{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.4rem;line-height:1.4;margin-bottom:4rem;color:var(--color-fg);display:block}.fourohfour__img{box-shadow:0px 1.5rem 2rem -1rem rgba(0,0,0,.4),inset 0px 1px 0px rgba(255,255,255,.48);border-radius:calc(var(--border-radius-base)*2);width:100%;margin:auto;display:block}[color-mode=dark]{--reset-color: var(--white)}[color-mode=light]{--reset-color: var(--black)}@media screen and (min-width: 48rem){.ais{--form-height: 44px}}.ais__searchbox{display:grid;grid-template-columns:5fr 1fr;grid-template-areas:"label label" "input button"}.ais__hitsContainer{position:relative;display:none;min-height:20rem}.ais__hits--empty{margin-left:auto;margin-right:auto}.ais__emptyMessage{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:2rem;margin-top:3rem;margin-bottom:3rem}.ais__howAbout{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-fg);font-size:2rem;margin-bottom:3rem}.ais__form{display:block}.ais__label{grid-area:label;font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1rem;margin-bottom:1rem;display:flex;flex-direction:column}.ais__input{grid-area:input;font-weight:var(--font-weight-main);font-family:var(--font-family-main);background-color:var(--input-bg);color:var(--color-fg);border:var(--input-border);border-radius:var(--border-radius-base);font-size:1rem;padding:.5rem;background:rgba(255,255,255,.06);box-shadow:0px 1px 2px rgba(16,24,40,.05);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);height:var(--form-height);width:100%}.ais__input:focus-visible{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.ais__reset{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);grid-area:button;background-color:var(--input-bg);display:inline;padding:.6rem 1rem;border:var(--input-border);border-left-width:0;width:100%;height:var(--form-height);border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;color:var(--reset-color)}.ais__reset:focus-visible{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.ais-Highlight-highlighted{background-color:var(--pink);color:var(--white)}code[class*=language-],pre[class*=language-]{color:#fff;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:.5rem 0;overflow:auto;border-radius:calc(var(--border-radius-base)*2)}code[class*=language-]{white-space:pre-wrap;word-break:break-all}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--grey-dark)}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#adb8c2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#fc92b6}.token.boolean,.token.number{color:#c9b0f6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#f3a344}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{background-color:rgba(255,0,0,.2)}.token.inserted{background-color:rgba(0,255,128,.1)}.token.prefix.unchanged,.token.prefix.inserted,.token.prefix.deleted{-webkit-user-select:none;user-select:none;background-color:rgba(0,0,0,0)}.token.inserted:not(.prefix),.token.deleted:not(.prefix){display:block}[color-mode=dark]{--card-bg: rgba(255, 255, 255, 0.02);--card-bg-hover: rgba(255, 255, 255, 0.08);--card-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.16);--card-box-shadow-hover: inset 0px 1px 0px rgba(255, 255, 255, 0.16)}[color-mode=light]{--card-bg: rgba(255, 255, 255, 0.32);--card-bg-hover: rgba(255, 255, 255, 0.72);--card-box-shadow: 0px 0px 0px -16px rgba(27, 27, 27, 0.01), inset 0px 1px 0px rgba(255, 255, 255, 0.16);--card-box-shadow-hover: 0px 24px 32px -16px rgba(27, 27, 27, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.16)}.card{overflow:hidden;border-radius:.75rem;background:var(--card-bg);backdrop-filter:blur(1rem);box-shadow:var(--card-box-shadow);display:flex;flex-direction:column;text-decoration:none;transition:all var(--global-transition-time) ease-in-out !important;position:relative;min-height:max-content}.card:hover,.card:focus{background:var(--card-bg-hover);box-shadow:var(--card-box-shadow-hover)}.card:hover .card__image,.card:focus .card__image{transform:scale(1.1)}.card:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.card__imageContainer{aspect-ratio:3/1;overflow:hidden;display:flex;align-items:center;background:linear-gradient(145deg, var(--pink) 60%, var(--orange) 98%);filter:blur(0px)}.card__imageContainer--large{aspect-ratio:1/1}.card__imageContainer--large *{height:100%}.card__image{max-width:100%;transition:all var(--global-transition-time) ease-in-out}.card__inner{padding:.75rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.card__date{font-weight:var(--font-weight-main);font-family:var(--font-family-main);color:var(--color-fg);font-size:.875rem;margin-bottom:.5rem;line-height:1}.card__title{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.6;margin-bottom:.5rem}.card__description{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:.875rem;line-height:1.6;color:var(--color-fg);margin-bottom:1rem;flex-grow:1}.card__meta{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.card__metaLabel{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-weight:500;font-size:.875rem;line-height:1.5;color:var(--color-fg);background-color:var(--color-bg);border-radius:1rem;padding:.125rem .5rem;width:max-content;text-transform:capitalize}.card__metaRead{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:.875rem;line-height:1.125;color:var(--color-fg)}.twitchInfo{--thumbnail-outer-radius: calc(var(--border-radius-base) * 2);--thumbnail-inner-padding: calc(var(--border-radius-base) / 2);--title-bottom-left-radius: calc( var(--thumbnail-outer-radius) - var(--thumbnail-inner-padding) );--title-font-size: clamp(1rem, 1.5vw, 1.5rem);--title-padding: 0.75rem;display:block;height:100%;width:100%}.twitchInfo picture{width:100%;height:100%;z-index:0}.twitchInfo__link{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9}.twitchInfo__link:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.twitchInfo__thumbnail{aspect-ratio:16/9;object-fit:cover;border-radius:var(--thumbnail-outer-radius);background-color:var(--color-bg);z-index:0;position:relative;width:auto;height:100%;box-shadow:0px 1.5rem 2rem -1rem rgba(0,0,0,.4),inset 0px 1px 0px rgba(255,255,255,.48);filter:grayscale(1);transition:all var(--global-transition-time) ease-in-out}.twitchInfo__thumbnail:hover{filter:grayscale(0)}.twitchInfo__thumbnail--live{filter:grayscale(0)}.twitchInfo__deets{position:absolute;z-index:1;bottom:var(--thumbnail-inner-padding);left:var(--thumbnail-inner-padding);right:var(--thumbnail-inner-padding);display:flex;flex-direction:row;gap:.25rem;justify-content:space-between}.twitchInfo__streamTitleContainer{padding:var(--title-padding);background:rgba(27,27,27,.9);backdrop-filter:blur(6px);border-radius:calc(var(--border-radius-base)*.75);border-bottom-left-radius:var(--title-bottom-left-radius);overflow:hidden;display:flex;align-items:center;width:100%;flex-grow:1}.twitchInfo__streamTitle{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:var(--title-font-size);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twitchInfo__live{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:var(--title-font-size);font-style:italic;min-width:max-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;background:linear-gradient(145.04deg, var(--pink) 60.34%, var(--orange) 98.77%);color:var(--white);padding:var(--title-padding);border-radius:calc(var(--border-radius-base)*.75);border-bottom-right-radius:var(--title-bottom-left-radius)}.twitchInfo__live svg{height:1.25rem;width:1.25rem}.twitchInfo__embed{width:100%;height:100%;aspect-ratio:16/9}.twitchInfo__embed iframe{width:100%;height:100%;aspect-ratio:16/9;border-radius:var(--border-radius-base);box-shadow:0px 1.5rem 2rem -1rem rgba(0,0,0,.4),inset 0px 1px 0px rgba(255,255,255,.48)}.activityFeed{margin-left:auto;margin-right:auto;max-width:var(--feed-max-width);display:grid;gap:1rem;grid-template-columns:1fr}.activityFeed__header{padding:0 1rem}.events{max-width:var(--post-max-width);margin:auto}.events__list{padding-left:0;list-style:none}.events__listItem{display:grid;grid-template-columns:1fr 4fr;gap:1rem 2rem;grid-template-areas:"date time" "date name" "date desc" "date cta";margin-bottom:4rem}@media screen and (min-width: 48em){.events__listItem{margin-bottom:3rem;grid-template-columns:1fr 6fr 1fr;grid-template-areas:"date time cta" "date name cta" "date desc cta"}}.events__listItemDate{grid-area:date;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.events__listItemDate__month{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);text-align:center;color:var(--color-fg);text-transform:uppercase;font-size:1.2rem;margin-bottom:.25rem}.events__listItemDate__day{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);display:block;text-align:center;color:var(--color-fg);text-transform:uppercase;font-size:2.8rem}.events__listItemTime{grid-area:time;font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;display:grid;gap:.5rem;align-items:center;grid-template-columns:1fr}.events__listItemTime svg{color:var(--color-fg)}@media screen and (min-width: 48em){.events__listItemTime{display:flex;flex-direction:row}}.events__listItemTimeInner{display:flex;flex-direction:row;gap:.5rem;align-items:center}.events__listshortDescription{grid-area:desc;font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.2}.events__listItemName{grid-area:name;font-weight:var(--font-weight-mid);font-family:var(--font-family-main);display:flex;flex-direction:column;justify-content:flex-start;font-size:clamp(1.2rem,1.6vw,1.6rem);line-height:1.2;color:var(--color-fg)}.events__listItemCta{grid-area:cta;font-weight:var(--font-weight-mid);font-family:var(--font-family-main);gap:.5rem;flex-grow:0;align-self:center;width:max-content;background-color:var(--card-bg);color:var(--color-fg);border-radius:calc(var(--border-radius-base)*2);padding:.5rem 1rem .5rem .75rem;text-decoration:none;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1rem;border-color:rgba(0,0,0,0)}.events__listItemCta:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.events__listItemCta--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.events__listItemCta--centered{margin:auto;display:flex}.events__listItemCta--centered::after{content:"";display:inline-block;background-image:var(--header-external-arrow-svg);height:1rem;width:1rem}.events__listItemCancelled{color:var(--color-fg);border-radius:calc(var(--border-radius-base)*2);background-color:var(--card-bg);padding:.5rem 1rem;font-size:1rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-main);width:max-content}.socialLinks{list-style:none;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.socialLinks li{height:2.75rem;width:2.75rem;display:flex;justify-self:center;align-items:center}[color-mode=dark] .socialLinks__item svg path{fill:var(--color-fg)}.socialLinks__item{height:100%;width:100%;display:flex;justify-self:center;align-items:center;justify-content:center;position:relative}.socialLinks__item:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.talks__cardGrid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));list-style:none;padding-left:0;grid-auto-rows:1fr}.talks__cardGrid li{display:flex}[color-mode=dark]{--testimonial-bg: var(--black)}[color-mode=light]{--testimonial-bg: var(--white)}.testimonial{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:1rem;background-color:var(--testimonial-bg)}.testimonial__quote{grid-area:quote;font-weight:var(--font-weight-main);font-family:var(--font-family-main);color:var(--color-fg-copy);font-size:1.2rem;line-height:1.5;margin-bottom:2rem}.testimonial__image{grid-area:image;border-radius:100%;height:2.5rem;width:2.5rem;aspect-ratio:1/1}.testimonial__attr{display:grid;row-gap:.25rem;column-gap:.5rem;grid-template-areas:"image name" "image org";justify-content:flex-start;align-items:center}.testimonial__name{grid-area:name;margin-bottom:0;line-height:1;color:var(--color-fg-copy);font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem}.testimonial__org{grid-area:org;color:var(--color-fg-copy);text-decoration-style:solid;text-decoration-color:var(--color-fg-copy);font-weight:var(--font-weight-main);font-family:var(--font-family-main)}.testimonial__org:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.sponsorships{max-width:1040px;margin:auto}.sponsorships__title{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-size:clamp(2.25rem,3.5vw,3.5rem);line-height:1.4;margin-bottom:2.5rem}.sponsorships__intro{display:grid;gap:2rem;margin-bottom:3rem}@media screen and (min-width: 881px){.sponsorships__intro{grid-template-columns:1fr 2fr}}.sponsorships__introText h2{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:clamp(2rem,3vw,3rem);line-height:1.25;margin-bottom:1rem;color:var(--color-fg)}.sponsorships__introText h3{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.875rem;line-height:1.375;margin-bottom:1rem;color:var(--color-fg);font-weight:var(--font-weight-main);color:var(--color-fg-copy)}.sponsorships__introText p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:var(--color-fg-copy)}.sponsorships__introText p a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.sponsorships__introText p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.sponsorships__introText p:last-of-type{margin-bottom:0}.sponsorships__author{width:20rem}.sponsorships__content h2{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:clamp(2rem,3vw,3rem);line-height:1.25;margin-bottom:1rem;color:var(--color-fg)}.sponsorships__content h3{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.875rem;line-height:1.375;margin-bottom:1rem;color:var(--color-fg);margin-top:2rem}.sponsorships__content p:not(.testimonial__name){font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:var(--color-fg-copy)}.sponsorships__content p:not(.testimonial__name) a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.sponsorships__content p:not(.testimonial__name) a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.sponsorships__packages{display:grid;margin:2rem 0}@media screen and (min-width: 881px){.sponsorships__packages{grid-template-columns:1fr 1fr;gap:2rem}}.sponsorships__testimonials{display:grid;gap:2rem;margin-top:1rem;margin-bottom:3rem}@media screen and (min-width: 881px){.sponsorships__testimonials{grid-template-columns:1fr 1fr}}.sponsorships__form{padding:2rem;background-color:var(--card-bg);border-radius:1rem;max-width:768px}.sponsorships__formInput{font-weight:var(--font-weight-main);font-family:var(--font-family-main);background-color:var(--input-bg);color:var(--color-fg);border:var(--input-border);border-radius:var(--border-radius-base);font-size:1rem;padding:.5rem;background:rgba(255,255,255,.06);box-shadow:0px 1px 2px rgba(16,24,40,.05)}.sponsorships__formInput:focus-visible{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.sponsorships__formInput--text{display:block;width:100%}.sponsorships__formLabel{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.4;color:var(--color-fg-copy);display:block;width:100%}.sponsorships__formLabel--checkbox{line-height:1}.sponsorships__question{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.4;color:var(--color-fg-copy);display:block;width:100%;margin-bottom:1rem}.sponsorships__formTextArea{font-weight:var(--font-weight-main);font-family:var(--font-family-main);background-color:var(--input-bg);color:var(--color-fg);border:var(--input-border);border-radius:var(--border-radius-base);font-size:1rem;padding:.5rem;background:rgba(255,255,255,.06);box-shadow:0px 1px 2px rgba(16,24,40,.05);width:100%;scroll-padding-block:1rem;line-height:1.5}.sponsorships__formTextArea:focus-visible{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.sponsorships__formTitle{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:clamp(2rem,3vw,3rem);line-height:1.25;margin-bottom:1rem;color:var(--color-fg)}.sponsorships__topRow{display:grid;grid-template-columns:1fr;column-gap:1rem}@media screen and (min-width: 768px){.sponsorships__topRow{grid-template-columns:1fr 1fr}}.sponsorships__formRow{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;margin-bottom:1rem}.sponsorships__checkboxRow{display:flex;gap:1rem;flex-direction:row;margin-bottom:.5rem;align-items:center}.sponsorships__checkboxRow--last{margin-bottom:2rem}.sponsorships__submit{position:relative;border-width:0;border-radius:var(--border-radius-base);color:var(--bio-button-color);background:var(--bio-button-bg);color:var(--color-fg);font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.2rem;line-height:1.6;padding:.625rem .875rem}.sponsorships__submit:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.sponsorships__success{font-weight:var(--font-weight-main);font-family:var(--font-family-main);display:none;padding:.5rem 1rem;margin-bottom:2rem;font-size:1.2rem;line-height:1.4;border-radius:var(--border-radius-base);background-color:var(--pink);color:var(--white)}.sponsorships__success--show{display:inline-block}.streamPackage__title{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1.5;margin-bottom:1rem;color:var(--color-fg-copy);font-weight:var(--font-weight-mid);font-family:var(--font-family-main)}.streamPackage__title a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.streamPackage__title a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.streamPackage__description p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1.5;margin-bottom:1rem;color:var(--color-fg-copy)}.streamPackage__description p a{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);color:var(--color-link);text-decoration:none}.streamPackage__description p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.newsletterSignup{margin-bottom:2rem}.newsletterSignup--noMargin{margin-bottom:0}.newsletterSignup__title{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);color:var(--color-link);font-size:1.2rem;line-height:1.6;margin-bottom:.5rem}.newsletterSignup__title span{font-family:"Atomic Marker";color:var(--orange)}.newsletterSignup__para{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1rem;line-height:1.75;margin-bottom:1rem;color:var(--color-fg-copy);word-break:break-word}.newsletterSignup__para a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}.newsletterSignup__submit{background-color:var(--pink);display:block;border-width:0;border-radius:var(--border-radius-base);width:100%;color:var(--white);font-family:"Atomic Marker";font-size:1.5rem;text-align:center;text-decoration:none;padding:.5rem 1rem;margin:0 auto .5rem auto}.newsletterSignup__submit:focus-visible,.newsletterSignup__submit:focus-visible:focus{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.tcwr__title{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);color:var(--color-link);font-size:1.2rem;line-height:1.6;margin-bottom:.5rem}.tcwr__title span{font-family:"Atomic Marker";color:var(--orange)}@keyframes funky{0%{filter:saturate(100%);transform:rotate(-8deg)}50%{filter:saturate(0);transform:rotate(-2deg)}100%{filter:saturate(100%);transform:rotate(-8deg)}}.tcwr__logo{animation:funky infinite 4s;max-height:100%;margin:auto;transform:rotate(-8deg)}@media(prefers-reduced-motion: reduce){.tcwr__logo{animation:unset}}.tcwr__nav{display:flex;flex-direction:row;gap:1rem;margin-top:.5rem;margin-bottom:1rem;justify-content:space-around}.tcwr__navItem{font-style:italic;line-height:1.2;color:var(--color-fg-copy);display:block;font-size:1rem;padding:.25rem;border-radius:var(--border-radius-base)}.tcwr__navItem--random{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);font-style:normal;color:var(--color-fg-copy);border-radius:var(--border-radius-base);background-color:var(--input-bg);padding:.6rem 1rem;border:var(--input-border)}.tcwr__navItem:focus,.tcwr__navItem:focus-visible{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.tcwr__membersList{padding-inline-start:0;list-style:none;max-height:100px;overflow-y:auto}.tcwr__membersListItemLink{color:var(--color-fg-copy);margin-bottom:.25rem;display:block}.tcwr__membersListItemLink:focus-visible,.tcwr__membersListItemLink:focus-visible:focus{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.tcwr__join{background-color:var(--orange);display:block;border-width:0;border-radius:var(--border-radius-base);width:100%;color:var(--black);font-family:"Atomic Marker";font-size:1.5rem;text-align:center;text-decoration:none;padding:.5rem 1rem;margin:1rem auto .5rem auto}.tcwr__join:focus-visible,.tcwr__join:focus-visible:focus{outline-color:rgba(0,0,0,0);outline-style:solid;outline-offset:.125rem;box-shadow:inset var(--color-fg) 0 0 0 .125rem;transition:box-shadow var(--global-transition-time) ease-in-out}.video{position:relative;aspect-ratio:16/9;margin-top:-8rem}@media screen and (min-width: 768px){.video{margin-top:-12rem}}.video__banner{width:100vw;height:100svh;position:relative;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:flex-start;background-image:url("/.netlify/images/?url=/img/salma_on_sofa.png");background-repeat:no-repeat;background-size:cover;background-position:center;justify-content:flex-end;filter:contrast(1.1);transition:height .2s ease-in-out}@media screen and (min-width: 768px){.video__banner{height:60svh}}.video__bannerImg{width:100%}.video__headline{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);color:var(--white);text-transform:uppercase;font-size:clamp(3rem,14vw,13rem);opacity:.8;padding:1rem 1rem 2rem 1rem;display:flex;align-items:center;max-width:var(--global-max-width);width:100%;mix-blend-mode:plus-lighter;line-height:.8;margin-left:auto;margin-right:auto}.video__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));list-style:none;padding-left:0;grid-auto-rows:1fr}.video__grid li{display:flex}.video__gridHeader{font-weight:var(--font-weight-bold);font-family:var(--font-family-main);margin-top:3rem;margin-bottom:2rem;font-size:clamp(2.5rem,3.5vw,3.5rem);line-height:1.4;color:var(--color-fg);max-width:var(--post-max-width);text-wrap:balance}.video__gridHeader--sub{font-weight:var(--font-weight-mid);font-family:var(--font-family-main);font-size:1.4rem;word-break:break-word;hyphens:auto}.video__content{max-width:var(--post-max-width)}.video__content p{font-weight:var(--font-weight-main);font-family:var(--font-family-main);font-size:1.125rem;line-height:1.75;margin-bottom:1rem;color:var(--color-fg-copy);word-break:break-word}.video__content p a:focus-visible{outline:rgba(0,0,0,0);outline-style:solid;box-shadow:var(--color-bg) 0 0 0 .08rem,var(--color-focus-outline) 0 0 0 .24rem;transition:box-shadow var(--global-transition-time) ease-in-out;border-radius:var(--border-radius-base)}/*# sourceMappingURL=main.css.map */
+@media (prefers-reduced-motion: reduce) {
+ :root {
+ --global-transition-time: 0;
+ --scroll-behaviour: auto;
+ }
+}
+:root {
+ --pink: #f0047f;
+ --pink-light: #f890c6;
+ --black: #0e0016;
+ --black-alt: #1f1823;
+ --grey-dark: #2b2e3a;
+ --grey-mid: #475467;
+ --white: #faefff;
+ --white-alt: #f7d9ff;
+ --orange: #fc814a;
+ --body-horizontal-padding-sm: 1rem;
+ --body-horizontal-padding-lg: 2.5rem;
+ /* https://modernfontstacks.com/ */
+ --font-family-main: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
+ --font-weight-bold: 700;
+ --font-weight-mid: 700;
+ --font-weight-main: 400;
+ --border-radius-base: 0.375rem;
+ --global-max-width: 1440px;
+ --feed-max-width: 510px;
+ --post-max-width: 1064px;
+ --base-shadow-filter: drop-shadow(0px 0.125rem 0.125rem rgba(0, 0, 0, 0.25));
+ --global-transition-time: 0.21s;
+ --scroll-behaviour: smooth;
+ --form-height: 48px;
+}
+
+[color-mode=dark] {
+ color-scheme: dark;
+ --page-bg: radial-gradient(farthest-corner at 100% 100%, var(--black-alt) 0%, var(--black) 50%);
+ --whitep4nth3r-bg-svg: url("/img/whitep4nth3r-darkmode.svg");
+ --bg-brush: url("/img/brush-dark.svg");
+ --color-bg: var(--black);
+ --color-fg: var(--white);
+ --color-fg-copy: rgba(255, 255, 255, 0.92);
+ --color-link: var(--pink-light);
+ --color-brush-bg: rgba(255, 255, 255, 0.72);
+ --color-focus-outline: var(--pink-light);
+ --bio-image-container-bg: rgb(250, 239, 255, 0.16);
+}
+
+[color-mode=light] {
+ color-scheme: light;
+ --page-bg: radial-gradient(farthest-corner at 100% 100%, var(--white-alt) 0%, var(--white) 50%);
+ --whitep4nth3r-bg-svg: url("/img/whitep4nth3r-lightmode.svg");
+ --bg-brush: url("/img/brush-light.svg");
+ --color-bg: var(--white);
+ --color-fg: var(--black);
+ --color-fg-copy: rgba(0, 0, 0, 0.72);
+ --color-link: var(--pink);
+ --color-brush-bg: rgba(0, 0, 0, 0.72);
+ --color-focus-outline: var(--pink);
+ --bio-image-container-bg: rgb(14, 0, 22, 0.08);
+}
+
+* {
+ box-sizing: border-box;
+ margin: 0;
+ z-index: 1;
+}
+
+html {
+ font-size: 100%;
+ scroll-behavior: var(--scroll-behaviour);
+ background-color: var(--color-bg);
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+a {
+ color: inherit;
+ transition: color 0.2s ease-in-out;
+ text-decoration: underline;
+ text-underline-offset: 0.125rem;
+ text-decoration-thickness: 0.125rem;
+}
+
+strong {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+}
+
+/* END RESET */
+body {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ color: var(--color-fg);
+ padding: var(--body-horizontal-padding-sm);
+ position: relative;
+ min-height: 100vh;
+ background: var(--color-bg);
+ background-image: var(--page-bg);
+ background-attachment: fixed !important;
+}
+@media screen and (min-width: 48rem) {
+ body {
+ padding: 1rem var(--body-horizontal-padding-lg);
+ }
+}
+
+main {
+ margin: 6rem auto auto auto;
+ max-width: var(--global-max-width);
+}
+@media screen and (min-width: 768px) {
+ main {
+ margin-top: 10rem;
+ }
+}
+main:before {
+ content: "";
+ background-image: var(--bg-brush);
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: fixed;
+ z-index: -1;
+ opacity: 50%;
+ height: 100%;
+ width: 100%;
+ mix-blend-mode: overlay;
+}
+main:after {
+ content: "";
+ background-image: var(--whitep4nth3r-bg-svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: 0;
+ width: 100%;
+ /* https://css-tricks.com/scale-svg/#aa-option-2-use-css-background-images-and-the-padding-bottom-hack */
+ padding-bottom: 15.703125%; /* aspect ratio of image */
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+[color-mode=dark] {
+ --input-bg: rgba(255, 255, 255, 0.06);
+ --input-border: 0.0625rem solid rgba(255, 255, 255, 0.18);
+}
+
+[color-mode=light] {
+ --input-bg: rgba(0, 0, 0, 0.07);
+ --input-border: 1px solid rgba(0, 0, 0, 0.14);
+}
+
+@keyframes flash {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+[color-mode=light] {
+ --header-bg: rgba(250, 239, 255, 0.8);
+ --header-external-arrow-svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66663 11.3334L11.3333 4.66675M11.3333 4.66675H4.66663M11.3333 4.66675V11.3334' stroke='black' stroke-opacity='0.72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+ --header-home-active-content: url("/img/nav-active-home-light.svg");
+ --header-about-active-content: url("/img/nav-active-about-light.svg");
+ --header-blog-active-content: url("/img/nav-active-blog-light.svg");
+}
+
+[color-mode=dark] {
+ --header-bg: rgba(14, 0, 22, 0.75);
+ --header-external-arrow-svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66663 11.3334L11.3333 4.66675M11.3333 4.66675H4.66663M11.3333 4.66675V11.3334' stroke='white' stroke-opacity='0.72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+ --header-home-active-content: url("/img/nav-active-home-dark.svg");
+ --header-about-active-content: url("/img/nav-active-about-dark.svg");
+ --header-blog-active-content: url("/img/nav-active-blog-dark.svg");
+}
+
+.header {
+ --header-padding-vertical: 0.25rem;
+ --logo-height: 3rem;
+ margin: 1rem auto;
+ max-width: var(--global-max-width);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-direction: row;
+ z-index: 10;
+ position: fixed;
+ justify-self: center;
+ width: calc(100vw - var(--body-horizontal-padding-sm) * 2);
+ border-radius: 2.5rem;
+ background: var(--header-bg);
+ backdrop-filter: blur(6px);
+ padding: 0 0.5rem;
+ left: 50%;
+ transform: translateX(-50%);
+}
+@media screen and (min-width: 768px) {
+ .header {
+ width: calc(100vw - var(--body-horizontal-padding-lg) * 2);
+ }
+}
+
+.header__navGroup {
+ display: flex;
+ gap: 1rem;
+ align-items: center;
+ flex-direction: row;
+ justify-self: flex-start;
+ width: max-content;
+}
+
+.header__skipToMainContent {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ display: flex;
+ justify-content: center;
+ color: var(--color-fg);
+ text-decoration: none;
+ font-size: 1rem;
+ line-height: 1;
+ max-width: var(--global-max-width);
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0.5rem;
+ margin-bottom: 0.5rem;
+ position: absolute;
+ top: -100px;
+ transform: translateX(-50%);
+ left: 50%;
+ background-color: var(--color-bg);
+ z-index: 15;
+ position: absolute;
+}
+.header__skipToMainContent:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+.header__skipToMainContent:focus {
+ top: 1rem;
+}
+
+.header__logoContainer {
+ display: none;
+}
+@media screen and (min-width: 768px) {
+ .header__logoContainer {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding: var(--header-padding-vertical);
+ }
+ .header__logoContainer svg {
+ height: var(--logo-height);
+ width: auto;
+ }
+}
+
+.header__navList {
+ padding-left: 0;
+ list-style: none;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ gap: 0.25rem;
+ position: relative;
+}
+@media screen and (min-width: 768px) {
+ .header__navList {
+ gap: 1rem;
+ }
+}
+
+.header__navListDetails {
+ position: relative;
+}
+
+.header__navListMoreLinks {
+ background: var(--header-bg);
+ border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
+ position: absolute;
+ bottom: 0;
+ width: max-content;
+ left: 50%;
+ transform: translate(-50%, 100%);
+}
+.header__navListMoreLinks a {
+ padding: 0.9rem;
+}
+@media screen and (min-width: 768px) {
+ .header__navListMoreLinks {
+ bottom: calc(var(--header-padding-vertical) * -0.5);
+ }
+ .header__navListMoreLinks a {
+ padding: 0.5rem;
+ }
+}
+.header__navListMoreLinks::before {
+ background-color: var(--header-bg);
+ content: "";
+ filter: blur(6px);
+ position: absolute;
+ inset: 6%;
+ z-index: -1;
+ display: block;
+}
+
+.header__navListItemLink--external {
+ transition: text-shadow var(--global-transition-time) ease-in-out;
+}
+.header__navListItemLink--external:hover {
+ text-shadow: 0 0 0.25rem rgba(245, 88, 170, 0.7);
+}
+.header__navListItemLink--external::after {
+ content: "";
+ display: inline-block;
+ background-image: var(--header-external-arrow-svg);
+ height: 1rem;
+ width: 1rem;
+}
+
+.header__navListSummary {
+ cursor: pointer;
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+@media screen and (min-width: 768px) {
+ .header__navListSummary {
+ height: calc(var(--header-padding-vertical) + var(--logo-height));
+ }
+}
+
+.header__navListItemLink,
+.header__navListSummary {
+ transition: opacity var(--global-transition-time) ease-in-out;
+ opacity: 0.72;
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ padding: 1rem 0.5rem;
+ text-decoration: none;
+ display: flex;
+ flex-direction: row;
+ gap: 0.5rem;
+ align-items: center;
+ justify-content: space-between;
+ text-transform: uppercase;
+ position: relative;
+ font-size: 0.875rem;
+ line-height: 1;
+ letter-spacing: 1px;
+}
+@media screen and (min-width: 768px) {
+ .header__navListItemLink,
+ .header__navListSummary {
+ font-size: 1rem;
+ padding: 0.5rem 0.5rem;
+ }
+}
+.header__navListItemLink:focus-visible,
+.header__navListSummary:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+.header__navListItemLink:hover,
+.header__navListSummary:hover {
+ opacity: 1;
+}
+
+[data-active=home] [data-link=home],
+[data-active=blog] [data-link=blog],
+[data-active=about] [data-link=about] {
+ opacity: 1;
+ position: relative;
+}
+[data-active=home] [data-link=home]::after,
+[data-active=blog] [data-link=blog]::after,
+[data-active=about] [data-link=about]::after {
+ width: 100%;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+}
+
+[data-active=home] [data-link=home]::after {
+ content: var(--header-home-active-content);
+ bottom: 0.75rem;
+}
+@media screen and (min-width: 768px) {
+ [data-active=home] [data-link=home]::after {
+ bottom: 0.25rem;
+ }
+}
+
+[data-active=blog] [data-link=blog]::after {
+ content: var(--header-blog-active-content);
+ bottom: 0.75rem;
+}
+@media screen and (min-width: 768px) {
+ [data-active=blog] [data-link=blog]::after {
+ bottom: 0.25rem;
+ }
+}
+
+[data-active=about] [data-link=about]::after {
+ content: var(--header-about-active-content);
+ bottom: 0.75rem;
+}
+@media screen and (min-width: 768px) {
+ [data-active=about] [data-link=about]::after {
+ bottom: 0.25rem;
+ }
+}
+
+.header__themeToggle {
+ padding: 0.5rem;
+ border-color: transparent;
+ transition: all var(--global-transition-time) ease-in-out;
+ background-image: url("/img/theme-dark.svg");
+ background-repeat: no-repeat;
+ background-position: center;
+ height: 2.75rem;
+ width: 2.75rem;
+ border-radius: 100%;
+ background-color: transparent;
+ cursor: pointer;
+ display: inline;
+ position: relative;
+}
+.header__themeToggle.header__themeToggle--light {
+ background-image: url("/img/theme-light.svg");
+}
+.header__themeToggle:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.home {
+ display: block;
+ margin: auto;
+ gap: 2rem;
+ min-height: 100vh;
+}
+@media screen and (min-width: 62.5em) {
+ .home {
+ display: flex;
+ flex-direction: row;
+ }
+}
+
+.home__left {
+ margin-bottom: 3rem;
+}
+@media screen and (min-width: 62.5em) {
+ .home__left {
+ width: 26.25rem;
+ flex-grow: 0;
+ flex-shrink: 0;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ flex-direction: column;
+ min-height: 70vh;
+ margin-bottom: 0;
+ }
+}
+
+@media screen and (min-width: 62.5em) {
+ .home__fixed {
+ position: fixed;
+ height: 70vh;
+ max-width: 26.25rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
+
+.home__scroll {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ max-width: 1080px;
+ margin: auto;
+}
+
+.home__twitch {
+ margin-bottom: 3rem;
+}
+@media screen and (min-width: 62.5em) {
+ .home__twitch {
+ display: flex;
+ flex-grow: 1;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ }
+}
+
+.home__heading {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 2rem;
+ line-height: 1;
+ margin-bottom: 2rem;
+ color: var(--color-link);
+ position: relative;
+ text-decoration: none;
+}
+.home__heading:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.home__activity {
+ margin: auto;
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+}
+@media screen and (min-width: 62.5em) {
+ .home__activity {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.homeAbout {
+ width: 100%;
+}
+
+.homeAbout__name {
+ position: relative;
+ color: var(--color-fg);
+ display: block;
+}
+
+.homeAbout__subtitle {
+ font-size: 1.4rem;
+ line-height: 1;
+ margin-bottom: 2rem;
+ color: var(--color-fg);
+ display: block;
+}
+
+.homeAbout__bio h2 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.875rem;
+ line-height: 1.375;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+.homeAbout__bio p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.homeAbout__bio p a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.homeAbout__bio p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.blog {
+ display: block;
+}
+@media screen and (min-width: 48em) {
+ .blog {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 1.5rem;
+ }
+}
+@media screen and (min-width: 70em) {
+ .blog {
+ grid-template-columns: 1fr 4fr;
+ }
+}
+
+.blog__searchAndCats {
+ height: max-content;
+ border-radius: 0.75rem;
+}
+
+.blog__filterToggle {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 0.875rem;
+ line-height: 1.25;
+ display: flex;
+ flex-direction: row;
+ flex-grow: 1;
+ justify-content: center;
+ align-items: center;
+ padding: 0.625rem 1rem;
+ gap: 0.5rem;
+ background: linear-gradient(180deg, #70707b 0%, #51525c 100%);
+ border: 0.0625rem solid #18181b;
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), inset 0px -2px 0px rgba(0, 0, 0, 0.24), inset 0px 1px 0px rgba(255, 255, 255, 0.32);
+ border-radius: 0.5rem;
+ height: var(--form-height);
+ color: #fff;
+ transition: all var(--global-transition-time) ease-in-out;
+}
+.blog__filterToggle:hover {
+ background: linear-gradient(180deg, #51525c 0%, #26272b 100%);
+}
+.blog__filterToggle:focus-visible {
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px #404040, 0px 0px 0px 6px var(--pink), 0px 1px 2px rgba(16, 24, 40, 0.05), inset 0px -2px 0px rgba(0, 0, 0, 0.24), inset 0px 1px 0px rgba(255, 255, 255, 0.32);
+ outline-color: var(--color-bg);
+}
+.blog__filterToggle:active {
+ background: linear-gradient(180deg, #18181b 0%, #26272b 100%);
+}
+@media screen and (min-width: 48em) {
+ .blog__filterToggle {
+ display: none;
+ }
+}
+
+.blog__searchBoxAndFilterToggle {
+ display: flex;
+ gap: 1rem;
+ justify-content: space-between;
+ align-items: flex-end;
+ margin-bottom: 1rem;
+}
+
+@media screen and (min-width: 48em) {
+ .blog__searchBoxAndFilterToggle--topicsPage {
+ margin-bottom: 0;
+ }
+}
+
+.blog__cats {
+ display: none;
+ background: var(--color-bg);
+ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.25);
+ backdrop-filter: blur(1rem);
+ border-radius: 1rem 1rem 0 0;
+ padding: 1rem;
+ z-index: 10;
+ position: fixed;
+ bottom: 0;
+ width: 100vw;
+ height: 50vh;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ margin-left: -1rem;
+}
+@media screen and (min-width: 48em) {
+ .blog__cats {
+ background: unset;
+ border-radius: unset;
+ box-shadow: unset;
+ display: block;
+ padding: unset;
+ z-index: 1;
+ position: relative;
+ bottom: unset;
+ width: unset;
+ height: 100%;
+ overflow: auto;
+ margin-left: 0;
+ }
+}
+
+.blog__cardsGrid {
+ display: grid;
+ gap: 2rem;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ list-style: none;
+ padding-left: 0;
+ grid-auto-rows: 1fr;
+}
+.blog__cardsGrid li {
+ display: flex;
+}
+
+.blog__emptySearchCard {
+ max-width: 320px;
+}
+
+.blog__item mark {
+ color: var(--color-bg);
+ background-color: var(--color-fg);
+}
+
+.about {
+ display: block;
+ margin: auto;
+ gap: 2rem;
+ min-height: 100vh;
+}
+@media screen and (min-width: 62.5em) {
+ .about {
+ display: flex;
+ flex-direction: row;
+ }
+}
+
+.about__image {
+ margin-bottom: 3rem;
+}
+@media screen and (min-width: 62.5em) {
+ .about__image {
+ width: 28rem;
+ flex-grow: 0;
+ flex-shrink: 0;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ flex-direction: column;
+ min-height: 70vh;
+ margin-bottom: 0;
+ }
+}
+
+.about__name {
+ z-index: 10;
+ margin-top: -6.6rem;
+}
+@media screen and (min-width: 62.5em) {
+ .about__name {
+ margin-top: 0;
+ }
+}
+
+@media screen and (min-width: 62.5em) {
+ .about__fixed {
+ position: fixed;
+ height: 100vh;
+ max-width: 26.25rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
+@media screen and (min-width: 62.5em) {
+ .about__fixed {
+ align-items: flex-start;
+ }
+}
+.about__fixed img {
+ background-color: var(--bio-image-container-bg);
+}
+.about__fixed * {
+ height: calc(100% - 6.5rem);
+ object-fit: cover;
+ border-radius: var(--border-radius-base);
+}
+
+.about__details {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ max-width: 1080px;
+ margin: auto;
+ margin: unset;
+}
+
+[color-mode=dark] {
+ --topics-item-hover-bg: rgba(255, 255, 255, 0.09);
+}
+
+[color-mode=light] {
+ --topics-item-hover-bg: rgba(0, 0, 0, 0.09);
+}
+
+.topics {
+ list-style: none;
+ display: block;
+ padding-left: 0.175rem;
+ padding-right: 0.175rem;
+ padding-bottom: 0.75rem;
+}
+
+.topics__topRow {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ gap: 1rem;
+ margin-bottom: 1rem;
+}
+
+.topics__closeButton {
+ display: block;
+ appearance: none;
+ background: transparent;
+ color: var(--color-fg);
+ outline: transparent;
+ border-color: transparent;
+ padding: 0;
+}
+.topics__closeButton:focus-visible {
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px #404040, 0px 0px 0px 6px var(--pink), 0px 1px 2px rgba(16, 24, 40, 0.05), inset 0px -2px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.32);
+ outline: var(--color-bg);
+}
+@media screen and (min-width: 48em) {
+ .topics__closeButton {
+ display: none;
+ }
+}
+
+.topics__title {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+}
+
+.topics__meta {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ margin-bottom: 1rem;
+}
+
+.topics__listItemLink {
+ display: block;
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-fg);
+ font-size: 1rem;
+ line-height: 1.5rem;
+ text-decoration: none;
+ padding: 0.635rem 0.875rem;
+ border-radius: var(--border-radius-base);
+ transition: background-color var(--global-transition-time) ease-in-out;
+}
+.topics__listItemLink:hover {
+ background-color: var(--topics-item-hover-bg);
+}
+.topics__listItemLink:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.topics__listItemLink--selected {
+ background-color: var(--pink);
+ color: var(--white);
+}
+.topics__listItemLink--selected:hover {
+ background-color: var(--pink);
+ color: var(--white);
+}
+
+.page__headerTitle {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ margin: 0 auto clamp(2rem, 3vw, 3rem) auto;
+ font-size: clamp(2rem, 3.5vw, 3.5rem);
+ line-height: 1.4;
+ color: var(--color-fg);
+}
+
+[color-mode=dark] {
+ --post-hr-color: var(--pink-light);
+ --table-th-color: var(--color-fg);
+ --post-meta-fg-color: var(--color-bg);
+}
+
+[color-mode=light] {
+ --post-hr-color: var(--pink);
+ --table-th-color: var(--white);
+ --post-meta-fg-color: var(--color-fg);
+}
+
+.post {
+ max-width: var(--post-max-width);
+ margin: auto;
+}
+
+@media screen and (min-width: 56em) {
+ .post {
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ column-gap: clamp(2rem, 4vw, 4rem);
+ }
+}
+.post__meta {
+ margin: auto;
+ max-width: var(--post-max-width);
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 2rem;
+ margin-bottom: 2rem;
+ flex-wrap: wrap;
+}
+
+.post__meta__topic {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-weight: 500;
+ font-size: 0.875rem;
+ line-height: 1.5;
+ color: var(--post-meta-fg-color);
+ background-color: #ffffff;
+ border-radius: 1rem;
+ padding: 0.125rem 0.5rem;
+ width: max-content;
+}
+
+.post__excerpt p {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.5;
+ margin-bottom: 2rem;
+ color: var(--color-fg-copy);
+}
+
+.post__separator {
+ margin-bottom: 2rem;
+ border-color: var(--post-hr-color);
+ border-style: solid;
+}
+
+.post__article {
+ display: flex;
+ flex-direction: column;
+}
+
+.post__aside {
+ flex-direction: column;
+ display: flex;
+ width: 17.5rem;
+}
+
+@media screen and (min-width: 56em) {
+ .post__authorContainer {
+ margin-bottom: 2rem;
+ }
+}
+
+.post__asideStickyGroup {
+ --sticky-gap: 10rem;
+ position: sticky;
+ top: var(--sticky-gap);
+ overflow-y: auto;
+ max-height: 100vh;
+ padding-top: 0.25rem;
+ padding-bottom: 0;
+ padding-right: 1rem;
+ margin-left: -1rem;
+ padding-left: 1rem;
+}
+@media screen and (min-width: 56em) {
+ .post__asideStickyGroup {
+ padding-bottom: var(--sticky-gap);
+ }
+}
+
+.post__body {
+ margin-bottom: 2rem;
+}
+
+.post__hr {
+ border-color: var(--color-fg-copy);
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.post__h1 {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ margin: 0 auto 3rem auto;
+ font-size: clamp(2.5rem, 3.5vw, 3.5rem);
+ line-height: 1.4;
+ color: var(--color-fg);
+ max-width: var(--post-max-width);
+ text-wrap: balance;
+}
+
+.post__h2 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: clamp(1.8rem, 2.8vw, 2rem);
+ line-height: 1.4;
+ margin-bottom: 2rem;
+ margin-top: 2rem;
+ word-break: break-word;
+ hyphens: auto;
+ color: var(--color-fg);
+}
+
+.post__h3 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.4rem;
+ line-height: 1.4;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ color: var(--color-fg);
+ word-break: break-word;
+ hyphens: auto;
+}
+
+.post__linkedHeading {
+ display: block;
+ text-decoration: none;
+ color: var(--color-fg);
+ position: relative;
+}
+.post__linkedHeading:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.post__h4,
+.post__h5,
+.post__h6 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.4;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+
+.post__p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.125rem;
+ line-height: 1.75;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+ word-break: break-word;
+}
+.post__p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.post__p--bold {
+ font-family: var(--font-family-bold);
+ font-weight: var(--font-weight-bold);
+}
+
+.post__p--italic {
+ font-style: italic;
+}
+
+.post__responsiveImage {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.post__codeBlock {
+ margin-bottom: 2rem;
+ margin-top: 2rem;
+}
+
+.post__blockquote {
+ display: block;
+ margin-block-start: 2rem;
+ margin-block-end: 2rem;
+ padding: 1rem 1.5rem;
+ border-left: 0.25rem solid var(--orange);
+}
+
+.post__blockquote p {
+ font-style: italic;
+ font-size: 1.5rem;
+ line-height: 1.5;
+ font-weight: 500;
+ color: var(--color-fg);
+}
+
+.post__blockquote:before {
+ content: '"';
+ font-style: italic;
+ color: var(--orange);
+ font-size: 10rem;
+ line-height: 0;
+ position: relative;
+ top: 4rem;
+}
+
+.post__externalUrl,
+.post__isSponsored {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ margin-bottom: 2rem;
+ max-width: max-content;
+ color: var(--color-fg);
+ text-decoration: none;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ font-size: 1rem;
+ word-wrap: break-word;
+}
+
+.post__isSponsoredIcon,
+.post__externalUrlIcon {
+ margin-right: 0.5rem;
+ display: flex;
+}
+
+.post__related {
+ margin-bottom: 2rem;
+}
+
+.post__relatedHeader {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: clamp(1.8rem, 2.8vw, 2rem);
+ line-height: 1.4;
+ margin-bottom: 2rem;
+ padding-top: 2rem;
+ word-break: break-word;
+ hyphens: auto;
+ color: var(--color-fg);
+}
+
+.post__relatedGrid {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1.5rem;
+}
+@media screen and (min-width: 54em) {
+ .post__relatedGrid {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.post__tweetEmbed {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+.post__tweetEmbed iframe {
+ border-radius: 14px;
+}
+
+.post__responsiveImage {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ border-radius: calc(var(--border-radius-base) * 2);
+}
+
+.post__deployToNetlifyButton {
+ margin: 2rem auto;
+ display: block;
+ width: max-content;
+}
+
+.post__callout {
+ padding: 1rem;
+ border-radius: 0.75rem;
+ border: 0.25rem solid var(--post-hr-color);
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.post__calloutTitle {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-size: 1.4rem;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+
+.post__calloutContent {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.6;
+ color: var(--color-fg);
+ word-break: break-word;
+}
+
+.post__calloutContent p:not(:last-of-type) {
+ margin-bottom: 1rem;
+}
+
+.post__calloutContent blockquote {
+ margin-inline-start: 1rem;
+}
+
+.post__calloutContent blockquote p {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ margin-bottom: 1.75rem;
+ font-size: 1.4rem;
+ line-height: 1.7;
+}
+
+.post__calloutContent blockquote:before {
+ content: '"';
+ font-style: italic;
+ color: var(--orange);
+ font-size: 10rem;
+ line-height: 0;
+ position: relative;
+ top: 4rem;
+}
+
+.post__outOfDate {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ line-height: 1.3;
+ font-size: 1.5rem;
+ margin-bottom: 2rem;
+}
+
+.post__referer {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ display: block;
+ max-width: var(--post-max-width);
+ font-size: 1rem;
+ margin: 1rem auto 2rem auto;
+ color: var(--color-fg);
+ line-height: 1.4;
+ font-style: italic;
+}
+.post__referer a {
+ display: inline-block;
+ line-height: inherit;
+ position: relative;
+}
+.post__referer a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.post__arcadeEmbed {
+ margin-bottom: 2rem;
+ margin-top: 2rem;
+}
+
+.post__newsletterSignupWide {
+ display: none;
+}
+@media screen and (min-width: 56em) {
+ .post__newsletterSignupWide {
+ display: block;
+ }
+}
+
+.post__newsletterSignupSmall {
+ display: block;
+}
+@media screen and (min-width: 56em) {
+ .post__newsletterSignupSmall {
+ display: none;
+ }
+}
+
+.post__tableWrapper {
+ overflow-x: auto;
+}
+
+.post__table {
+ --cell-padding: clamp(0.5rem, 0.75vw, 0.75rem);
+ border-collapse: collapse;
+ word-break: normal;
+ margin-bottom: 2rem;
+ margin-top: 1rem;
+}
+
+.post__tableHeader {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ text-align: left;
+ border: 1px solid var(--color-fg);
+ padding: var(--cell-padding);
+ background: var(--grey-mid);
+ color: var(--table-th-color);
+}
+
+.post__tableCell {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ text-align: left;
+ word-wrap: break-word;
+ padding: var(--cell-padding);
+ border: 1px solid var(--color-fg);
+}
+
+.pagination {
+ margin: 4rem auto;
+ max-width: var(--global-max-width);
+ background: var(--card-bg);
+ backdrop-filter: blur(1rem);
+ border-radius: 0.75rem;
+}
+
+.pagination__description {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+.pagination__list {
+ list-style: none;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0;
+ gap: 1rem;
+}
+
+.pagination__listItem {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ text-decoration: none;
+ flex-grow: 1;
+ text-align: center;
+}
+.pagination__listItem:first-of-type, .pagination__listItem:first-of-type a {
+ justify-content: flex-start;
+ text-align: left;
+}
+.pagination__listItem:last-of-type, .pagination__listItem:last-of-type a {
+ justify-content: flex-end;
+ text-align: right;
+}
+.pagination__listItem a {
+ color: inherit;
+ padding: 1rem;
+ text-decoration: none;
+ display: inline-flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 0.5rem;
+ position: relative;
+}
+.pagination__listItem a:focus:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.publishedDate {
+ display: flex;
+ flex-direction: row;
+ gap: 2rem;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+.publishedDate__item {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 0.875rem;
+ margin-bottom: 0;
+ color: var(--color-fg);
+}
+
+.tableOfContents {
+ margin-bottom: 2rem;
+}
+
+.tableOfContents__list {
+ list-style: none;
+ padding: 0;
+}
+
+[color-mode=dark] {
+ --table-of-contents-header-color: var(--pink-light);
+}
+
+[color-mode=light] {
+ --table-of-contents-header-color: var(--pink);
+}
+
+.tableOfContents__header {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ color: var(--table-of-contents-header-color);
+ margin-bottom: 1rem;
+ font-size: 1.2rem;
+ cursor: pointer;
+}
+.tableOfContents__header:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.tableOfContents__item {
+ margin-bottom: 0.75rem;
+}
+
+.tableOfContents__itemLink {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1.4;
+ color: var(--color-fg-copy);
+ text-decoration: none;
+ display: block;
+}
+.tableOfContents__itemLink:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.tableOfContents__item--nudged {
+ padding-left: 1rem;
+}
+
+.tableOfContents__item--cat {
+ text-transform: capitalize;
+}
+
+.author {
+ --gap: 4rem;
+ display: flex;
+ height: 100%;
+ flex-direction: column;
+ justify-content: space-between;
+ row-gap: var(--gap);
+}
+
+.author--hideSmall {
+ display: none;
+}
+@media screen and (min-width: 56em) {
+ .author--hideSmall {
+ display: flex;
+ height: 100%;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+}
+
+.author__cta {
+ display: block;
+ position: relative;
+ flex-grow: 1;
+}
+.author__cta:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+.author__cta:focus-visible .author__imgContainer, .author__cta:hover .author__imgContainer {
+ transform: scale(0.95);
+}
+
+.author__imgContainer {
+ filter: var(--base-shadow-filter);
+ transition: transform var(--global-transition-time) ease-in-out;
+ height: 100%;
+}
+.author__imgContainer img {
+ background-color: var(--bio-image-container-bg);
+}
+.author__imgContainer * {
+ border-radius: var(--border-radius-base);
+ height: 100%;
+ object-fit: cover;
+}
+
+.author__name {
+ display: block;
+ position: relative;
+ height: 0;
+ bottom: var(--gap);
+}
+
+.author_social {
+ margin-top: 0.5rem;
+ display: flex;
+ height: max-content;
+}
+
+.blogEndAuthor {
+ margin-bottom: 2rem;
+ display: grid;
+ grid-template-columns: 1fr 5fr;
+ gap: 0 1rem;
+ grid-template-areas: "avatar bio" "avatar social";
+}
+
+.blogEndAuthor__imgContainer {
+ grid-area: avatar;
+ filter: var(--base-shadow-filter);
+ transition: transform var(--global-transition-time) ease-in-out;
+}
+.blogEndAuthor__imgContainer img {
+ border-radius: var(--border-radius-base);
+ background-color: var(--bio-image-container-bg);
+}
+
+.blogEndAuthor_social {
+ grid-area: social;
+}
+
+.blogEndAuthor__name {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.125rem;
+ line-height: 1.75;
+ color: var(--color-fg);
+}
+
+.blogEndAuthor__bio {
+ grid-area: bio;
+ margin-bottom: 0.5rem;
+}
+.blogEndAuthor__bio p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.blogEndAuthor__bio p a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.blogEndAuthor__bio p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.blogSidebarSocialLinks {
+ display: flex;
+ flex-direction: row;
+ gap: 1rem;
+ flex-wrap: wrap;
+ margin-bottom: 2rem;
+}
+
+.speakerDeckLink__viewCta {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ background-color: var(--topic-button-bg);
+ border-radius: var(--border-radius-base);
+ padding: 0.5rem 1rem 0.5rem 0.75rem;
+ color: var(--topic-button-color);
+ text-decoration: none;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ font-size: 1rem;
+ max-width: max-content;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.videoEmbed__cta {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+
+.eleventy-plugin-youtube-embed {
+ margin-bottom: 1rem;
+ margin-top: 2rem;
+ filter: var(--base-shadow-filter);
+ border-radius: calc(var(--border-radius-base) * 2);
+ overflow: hidden;
+}
+
+.videoEmbed__ytShort .eleventy-plugin-youtube-embed lite-youtube {
+ aspect-ratio: 9/16;
+ position: relative;
+ width: 100%;
+ height: auto;
+}
+
+.codePenEmbed__container {
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 2rem;
+}
+
+.uses {
+ max-width: var(--global-max-width);
+ margin: auto;
+}
+
+.uses_catHeading {
+ position: relative;
+ top: 2.5rem;
+ z-index: 9;
+}
+
+.uses__list {
+ display: grid;
+ gap: 2rem;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ list-style: none;
+ padding-left: 0;
+ grid-auto-rows: 1fr;
+}
+.uses__list li {
+ display: flex;
+}
+
+[color-mode=dark] {
+ --bio-button-color: rgba(255, 255, 255, 0.6);
+ --bio-button-bg: rgba(255, 255, 255, 0.1);
+}
+
+[color-mode=light] {
+ --bio-button-color: var(--grey-mid);
+ --bio-button-bg: rgba(52, 64, 84, 0.1);
+}
+
+.bio {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ position: relative;
+}
+
+.bio__topRow {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ gap: 1rem;
+ align-items: flex-start;
+ margin-bottom: 2rem;
+}
+@media screen and (min-width: 1237px) {
+ .bio__topRow {
+ flex-direction: row;
+ }
+}
+
+.bio__buttons {
+ display: flex;
+ flex-direction: row;
+ gap: 1rem;
+ align-items: center;
+ z-index: 3;
+ order: 2;
+}
+@media screen and (min-width: 1237px) {
+ .bio__buttons {
+ order: 1;
+ }
+}
+
+.bio__links {
+ order: 1;
+}
+@media screen and (min-width: 1237px) {
+ .bio__links {
+ order: 2;
+ }
+}
+
+.bio__button {
+ position: relative;
+ border-width: 0;
+ border-radius: var(--border-radius-base);
+ color: var(--bio-button-color);
+ background: var(--bio-button-bg);
+ color: var(--color-fg);
+ font-weight: 600;
+ font-size: 1rem;
+ line-height: 1.5;
+ padding: 0.625rem 0.875rem;
+ text-decoration: none;
+}
+.bio__button:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.bio__block {
+ margin-bottom: 4rem;
+ max-width: 42rem;
+}
+.bio__block h2 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.875rem;
+ line-height: 1.375;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+ scroll-margin-top: 10.5rem;
+}
+.bio__block h3 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.875rem;
+ line-height: 1.375;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+.bio__block p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.bio__block p a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.bio__block p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+.bio__block .videoEmbed__cta {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1;
+ margin-bottom: 1rem;
+}
+
+[color-mode=dark] {
+ --lighthouse-green-fg: rgb(27, 195, 106);
+ --lighthouse-green-stroke: rgb(27, 195, 106);
+ --lighthouse-green-bg: rgb(30, 46, 47);
+ --lighthouse-orange-fg: rgb(251, 157, 70);
+ --lighthouse-orange-stroke: rgb(251, 157, 70);
+ --lighthouse-orange-bg: rgb(52, 43, 34);
+ --lighthouse-red-fg: rgb(250, 40, 52);
+ --lighthouse-red-stroke: rgb(250, 40, 52);
+ --lighthouse-red-bg: rgb(52, 31, 32);
+ --lighthouse-container-bg: rgb(29, 30, 32);
+}
+
+[color-mode=light] {
+ --lighthouse-green-fg: rgb(15, 123, 38);
+ --lighthouse-green-stroke: rgb(27, 195, 106);
+ --lighthouse-green-bg: rgb(233, 249, 240);
+ --lighthouse-orange-fg: rgb(184, 42, 22);
+ --lighthouse-orange-stroke: rgb(251, 157, 70);
+ --lighthouse-orange-bg: rgb(255, 246, 237);
+ --lighthouse-red-fg: rgb(193, 0, 19);
+ --lighthouse-red-stroke: rgb(250, 40, 52);
+ --lighthouse-red-bg: rgb(255, 234, 235);
+ --lighthouse-container-bg: #ffffff;
+}
+
+.lighthouse {
+ margin: 2rem auto;
+ max-width: 520px;
+ padding: 1rem;
+ text-align: left;
+ border-radius: calc(var(--border-radius-base) * 2);
+ background-color: var(--lighthouse-container-bg);
+ filter: var(--base-shadow-filter);
+}
+
+.lighthouse__header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ gap: 1rem;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+
+.lighthouse__title {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.4;
+ margin-bottom: 1rem;
+}
+
+.lighthouse__subTitle {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.4;
+ margin-bottom: 2rem;
+ word-wrap: break-all;
+ display: block;
+}
+
+.lighthouse__scores {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ justify-content: center;
+}
+
+.lighthouse__col {
+ display: flex;
+ flex-direction: column;
+}
+
+.lighthouse__scoresNo {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ align-self: center;
+ font-family: "Courier New", Courier, monospace;
+ font-weight: bold;
+ font-size: 3rem;
+ border-radius: 50%;
+ height: 8rem;
+ width: 8rem;
+ margin-bottom: 1rem;
+}
+.lighthouse__scoresNo--red {
+ background-color: var(--lighthouse-red-bg);
+ color: var(--lighthouse-red-fg);
+}
+.lighthouse__scoresNo--red .lighthouse__circle {
+ stroke: var(--lighthouse-red-stroke);
+}
+.lighthouse__scoresNo--orange {
+ background-color: var(--lighthouse-orange-bg);
+ color: var(--lighthouse-orange-fg);
+}
+.lighthouse__scoresNo--orange .lighthouse__circle {
+ stroke: var(--lighthouse-orange-stroke);
+}
+.lighthouse__scoresNo--green {
+ background-color: var(--lighthouse-green-bg);
+ color: var(--lighthouse-green-fg);
+}
+.lighthouse__scoresNo--green .lighthouse__circle {
+ stroke: var(--lighthouse-green-stroke);
+}
+
+.lighthouse__type {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ text-align: center;
+ line-height: 1.4;
+}
+
+.lighthouse__circle {
+ border-radius: 50%;
+ height: 8rem;
+ width: 8rem;
+ position: absolute;
+ transform: rotate(-90deg);
+ fill: none;
+ stroke: white;
+ stroke-width: 6;
+ stroke-linecap: round;
+}
+
+.fourohfour__content {
+ max-width: var(--post-max-width);
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+}
+
+.fourohfour__logo {
+ max-width: 100%;
+}
+
+.fourohfour__cta {
+ max-width: 400px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+}
+
+.fourohfour__title {
+ margin-top: 2rem;
+ color: var(--color-body);
+}
+
+.fourohfour__text {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.4rem;
+ line-height: 1.4;
+ margin-bottom: 4rem;
+ color: var(--color-fg);
+ display: block;
+}
+
+.fourohfour__img {
+ box-shadow: 0px 1.5rem 2rem -1rem rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.48);
+ border-radius: calc(var(--border-radius-base) * 2);
+ width: 100%;
+ margin: auto;
+ display: block;
+}
+
+[color-mode=dark] {
+ --reset-color: var(--white);
+}
+
+[color-mode=light] {
+ --reset-color: var(--black);
+}
+
+@media screen and (min-width: 48rem) {
+ .ais {
+ --form-height: 44px;
+ }
+}
+
+.ais__searchbox {
+ display: grid;
+ grid-template-columns: 5fr 1fr;
+ grid-template-areas: "label label" "input button";
+}
+
+.ais__hitsContainer {
+ position: relative;
+ display: none;
+ min-height: 20rem;
+}
+
+.ais__hits--empty {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ais__emptyMessage {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 2rem;
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+}
+
+.ais__howAbout {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-fg);
+ font-size: 2rem;
+ margin-bottom: 3rem;
+}
+
+.ais__form {
+ display: block;
+}
+
+.ais__label {
+ grid-area: label;
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ display: flex;
+ flex-direction: column;
+}
+
+.ais__input {
+ grid-area: input;
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ background-color: var(--input-bg);
+ color: var(--color-fg);
+ border: var(--input-border);
+ border-radius: var(--border-radius-base);
+ font-size: 1rem;
+ padding: 0.5rem;
+ background: rgba(255, 255, 255, 0.06);
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+ border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
+ height: var(--form-height);
+ width: 100%;
+}
+
+.ais__input:focus-visible {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.ais__reset {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ grid-area: button;
+ background-color: var(--input-bg);
+ display: inline;
+ padding: 0.6rem 1rem;
+ border: var(--input-border);
+ border-left-width: 0;
+ width: 100%;
+ height: var(--form-height);
+ border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
+ color: var(--reset-color);
+}
+
+.ais__reset:focus-visible {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.ais-Highlight-highlighted {
+ background-color: var(--pink);
+ color: var(--white);
+}
+
+/**
+ * okaidia theme for JavaScript, CSS and HTML
+ * Loosely based on Monokai textmate theme by https://www.monokai.nl/
+ * @author ocodia
+ */
+code[class*=language-],
+pre[class*=language-] {
+ color: #ffffff;
+ background: none;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+ font-size: 1rem;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+/* Code blocks */
+pre[class*=language-] {
+ padding: 1rem;
+ margin: 0.5rem 0;
+ overflow: auto;
+ border-radius: calc(var(--border-radius-base) * 2);
+}
+
+/* MY FIXES: https://whitep4nth3r.com/blog/how-to-make-your-code-blocks-accessible-on-your-website */
+code[class*=language-] {
+ white-space: pre-wrap;
+ word-break: break-all;
+}
+
+:not(pre) > code[class*=language-],
+pre[class*=language-] {
+ background: var(--grey-dark);
+}
+
+/* Inline code */
+:not(pre) > code[class*=language-] {
+ padding: 0.1em;
+ border-radius: 0.3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #adb8c2;
+}
+
+.token.punctuation {
+ color: #f8f8f2;
+}
+
+.token.namespace {
+ opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #fc92b6;
+}
+
+.token.boolean,
+.token.number {
+ color: #c9b0f6;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #a6e22e;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+ color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+ color: #e6db74;
+}
+
+.token.keyword {
+ color: #66d9ef;
+}
+
+.token.regex,
+.token.important {
+ color: #f3a344;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+.token.deleted {
+ background-color: rgba(255, 0, 0, 0.2);
+}
+
+.token.inserted {
+ background-color: rgba(0, 255, 128, 0.1);
+}
+
+/* Make the + and - characters unselectable for copy/paste */
+.token.prefix.unchanged,
+.token.prefix.inserted,
+.token.prefix.deleted {
+ -webkit-user-select: none;
+ user-select: none;
+ background-color: transparent;
+}
+
+/* Optional: full-width background color */
+.token.inserted:not(.prefix),
+.token.deleted:not(.prefix) {
+ display: block;
+}
+
+[color-mode=dark] {
+ --card-bg: rgba(255, 255, 255, 0.02);
+ --card-bg-hover: rgba(255, 255, 255, 0.08);
+ --card-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.16);
+ --card-box-shadow-hover: inset 0px 1px 0px rgba(255, 255, 255, 0.16);
+}
+
+[color-mode=light] {
+ --card-bg: rgba(255, 255, 255, 0.32);
+ --card-bg-hover: rgba(255, 255, 255, 0.72);
+ --card-box-shadow: 0px 0px 0px -16px rgba(27, 27, 27, 0.01),
+ inset 0px 1px 0px rgba(255, 255, 255, 0.16);
+ --card-box-shadow-hover: 0px 24px 32px -16px rgba(27, 27, 27, 0.16),
+ inset 0px 1px 0px rgba(255, 255, 255, 0.16);
+}
+
+.card {
+ overflow: hidden;
+ border-radius: 0.75rem;
+ background: var(--card-bg);
+ backdrop-filter: blur(1rem);
+ box-shadow: var(--card-box-shadow);
+ display: flex;
+ flex-direction: column;
+ text-decoration: none;
+ transition: all var(--global-transition-time) ease-in-out !important;
+ position: relative;
+ min-height: max-content;
+}
+.card:hover, .card:focus {
+ background: var(--card-bg-hover);
+ box-shadow: var(--card-box-shadow-hover);
+}
+.card:hover .card__image, .card:focus .card__image {
+ transform: scale(1.1);
+}
+.card:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.card__imageContainer {
+ aspect-ratio: 3/1;
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ background: linear-gradient(145deg, var(--pink) 60%, var(--orange) 98%);
+ filter: blur(0px);
+}
+
+.card__imageContainer--large {
+ aspect-ratio: 1/1;
+}
+.card__imageContainer--large * {
+ height: 100%;
+}
+
+.card__image {
+ max-width: 100%;
+ transition: all var(--global-transition-time) ease-in-out;
+}
+
+.card__inner {
+ padding: 0.75rem;
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ justify-content: space-between;
+}
+
+.card__date {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ color: var(--color-fg);
+ font-size: 0.875rem;
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.card__title {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.6;
+ margin-bottom: 0.5rem;
+}
+
+.card__description {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 0.875rem;
+ line-height: 1.6;
+ color: var(--color-fg);
+ margin-bottom: 1rem;
+ flex-grow: 1;
+}
+
+.card__meta {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.card__metaLabel {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-weight: 500;
+ font-size: 0.875rem;
+ line-height: 1.5;
+ color: var(--color-fg);
+ background-color: var(--color-bg);
+ border-radius: 1rem;
+ padding: 0.125rem 0.5rem;
+ width: max-content;
+ text-transform: capitalize;
+}
+
+.card__metaRead {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 0.875rem;
+ line-height: 1.125;
+ color: var(--color-fg);
+}
+
+.twitchInfo {
+ --thumbnail-outer-radius: calc(var(--border-radius-base) * 2);
+ --thumbnail-inner-padding: calc(var(--border-radius-base) / 2);
+ --title-bottom-left-radius: calc(
+ var(--thumbnail-outer-radius) - var(--thumbnail-inner-padding)
+ );
+ --title-font-size: clamp(1rem, 1.5vw, 1.5rem);
+ --title-padding: 0.75rem;
+ display: block;
+ height: 100%;
+ width: 100%;
+}
+.twitchInfo picture {
+ width: 100%;
+ height: 100%;
+ z-index: 0;
+}
+
+.twitchInfo__link {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ aspect-ratio: 16/9;
+}
+.twitchInfo__link:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.twitchInfo__thumbnail {
+ aspect-ratio: 16/9;
+ object-fit: cover;
+ border-radius: var(--thumbnail-outer-radius);
+ background-color: var(--color-bg);
+ z-index: 0;
+ position: relative;
+ width: auto;
+ height: 100%;
+ box-shadow: 0px 1.5rem 2rem -1rem rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.48);
+ filter: grayscale(1);
+ transition: all var(--global-transition-time) ease-in-out;
+}
+.twitchInfo__thumbnail:hover {
+ filter: grayscale(0);
+}
+
+.twitchInfo__thumbnail--live {
+ filter: grayscale(0);
+}
+
+.twitchInfo__deets {
+ position: absolute;
+ z-index: 1;
+ bottom: var(--thumbnail-inner-padding);
+ left: var(--thumbnail-inner-padding);
+ right: var(--thumbnail-inner-padding);
+ display: flex;
+ flex-direction: row;
+ gap: 0.25rem;
+ justify-content: space-between;
+}
+
+.twitchInfo__streamTitleContainer {
+ padding: var(--title-padding);
+ background: rgba(27, 27, 27, 0.9);
+ backdrop-filter: blur(6px);
+ border-radius: calc(var(--border-radius-base) * 0.75);
+ border-bottom-left-radius: var(--title-bottom-left-radius);
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ flex-grow: 1;
+}
+
+.twitchInfo__streamTitle {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: var(--title-font-size);
+ color: #fff;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.twitchInfo__live {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: var(--title-font-size);
+ font-style: italic;
+ min-width: max-content;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ gap: 0.5rem;
+ background: linear-gradient(145.04deg, var(--pink) 60.34%, var(--orange) 98.77%);
+ color: var(--white);
+ padding: var(--title-padding);
+ border-radius: calc(var(--border-radius-base) * 0.75);
+ border-bottom-right-radius: var(--title-bottom-left-radius);
+}
+.twitchInfo__live svg {
+ height: 1.25rem;
+ width: 1.25rem;
+}
+
+.twitchInfo__embed {
+ width: 100%;
+ height: 100%;
+ aspect-ratio: 16/9;
+}
+.twitchInfo__embed iframe {
+ width: 100%;
+ height: 100%;
+ aspect-ratio: 16/9;
+ border-radius: var(--border-radius-base);
+ box-shadow: 0px 1.5rem 2rem -1rem rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.48);
+}
+
+.activityFeed {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: var(--feed-max-width);
+ display: grid;
+ gap: 1rem;
+ grid-template-columns: 1fr;
+}
+
+.activityFeed__header {
+ padding: 0 1rem;
+}
+
+.events {
+ max-width: var(--post-max-width);
+ margin: auto;
+}
+
+.events__list {
+ padding-left: 0;
+ list-style: none;
+}
+
+.events__listItem {
+ display: grid;
+ grid-template-columns: 1fr 4fr;
+ gap: 1rem 2rem;
+ grid-template-areas: "date time" "date name" "date desc" "date cta";
+ margin-bottom: 4rem;
+}
+@media screen and (min-width: 48em) {
+ .events__listItem {
+ margin-bottom: 3rem;
+ grid-template-columns: 1fr 6fr 1fr;
+ grid-template-areas: "date time cta" "date name cta" "date desc cta";
+ }
+}
+
+.events__listItemDate {
+ grid-area: date;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+}
+
+.events__listItemDate__month {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ text-align: center;
+ color: var(--color-fg);
+ text-transform: uppercase;
+ font-size: 1.2rem;
+ margin-bottom: 0.25rem;
+}
+
+.events__listItemDate__day {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ display: block;
+ text-align: center;
+ color: var(--color-fg);
+ text-transform: uppercase;
+ font-size: 2.8rem;
+}
+
+.events__listItemTime {
+ grid-area: time;
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ display: grid;
+ gap: 0.5rem;
+ align-items: center;
+ grid-template-columns: 1fr;
+}
+.events__listItemTime svg {
+ color: var(--color-fg);
+}
+@media screen and (min-width: 48em) {
+ .events__listItemTime {
+ display: flex;
+ flex-direction: row;
+ }
+}
+
+.events__listItemTimeInner {
+ display: flex;
+ flex-direction: row;
+ gap: 0.5rem;
+ align-items: center;
+}
+
+.events__listshortDescription {
+ grid-area: desc;
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.2;
+}
+
+.events__listItemName {
+ grid-area: name;
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ font-size: clamp(1.2rem, 1.6vw, 1.6rem);
+ line-height: 1.2;
+ color: var(--color-fg);
+}
+
+.events__listItemCta {
+ grid-area: cta;
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ gap: 0.5rem;
+ flex-grow: 0;
+ align-self: center;
+ width: max-content;
+ background-color: var(--card-bg);
+ color: var(--color-fg);
+ border-radius: calc(var(--border-radius-base) * 2);
+ padding: 0.5rem 1rem 0.5rem 0.75rem;
+ text-decoration: none;
+ display: inline-flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ font-size: 1rem;
+ border-color: transparent;
+}
+.events__listItemCta:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.events__listItemCta--sr {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+.events__listItemCta--centered {
+ margin: auto;
+ display: flex;
+}
+.events__listItemCta--centered::after {
+ content: "";
+ display: inline-block;
+ background-image: var(--header-external-arrow-svg);
+ height: 1rem;
+ width: 1rem;
+}
+
+.events__listItemCancelled {
+ color: var(--color-fg);
+ border-radius: calc(var(--border-radius-base) * 2);
+ background-color: var(--card-bg);
+ padding: 0.5rem 1rem;
+ font-size: 1rem;
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ width: max-content;
+}
+
+.socialLinks {
+ list-style: none;
+ padding-left: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.socialLinks li {
+ height: 2.75rem;
+ width: 2.75rem;
+ display: flex;
+ justify-self: center;
+ align-items: center;
+}
+
+[color-mode=dark] .socialLinks__item svg path {
+ fill: var(--color-fg);
+}
+
+.socialLinks__item {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ justify-self: center;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+}
+.socialLinks__item:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.talks__cardGrid {
+ display: grid;
+ gap: 2rem;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ list-style: none;
+ padding-left: 0;
+ grid-auto-rows: 1fr;
+}
+.talks__cardGrid li {
+ display: flex;
+}
+
+[color-mode=dark] {
+ --testimonial-bg: var(--black);
+}
+
+[color-mode=light] {
+ --testimonial-bg: var(--white);
+}
+
+.testimonial {
+ padding: 1rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ border-radius: 1rem;
+ background-color: var(--testimonial-bg);
+}
+
+.testimonial__quote {
+ grid-area: quote;
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ color: var(--color-fg-copy);
+ font-size: 1.2rem;
+ line-height: 1.5;
+ margin-bottom: 2rem;
+}
+
+.testimonial__image {
+ grid-area: image;
+ border-radius: 100%;
+ height: 2.5rem;
+ width: 2.5rem;
+ aspect-ratio: 1/1;
+}
+
+.testimonial__attr {
+ display: grid;
+ row-gap: 0.25rem;
+ column-gap: 0.5rem;
+ grid-template-areas: "image name" "image org";
+ justify-content: flex-start;
+ align-items: center;
+}
+
+.testimonial__name {
+ grid-area: name;
+ margin-bottom: 0;
+ line-height: 1;
+ color: var(--color-fg-copy);
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+}
+
+.testimonial__org {
+ grid-area: org;
+ color: var(--color-fg-copy);
+ text-decoration-style: solid;
+ text-decoration-color: var(--color-fg-copy);
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+}
+.testimonial__org:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.sponsorships {
+ max-width: 1040px;
+ margin: auto;
+}
+
+.sponsorships__title {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-size: clamp(2.25rem, 3.5vw, 3.5rem);
+ line-height: 1.4;
+ margin-bottom: 2.5rem;
+}
+
+.sponsorships__intro {
+ display: grid;
+ gap: 2rem;
+ margin-bottom: 3rem;
+}
+@media screen and (min-width: 881px) {
+ .sponsorships__intro {
+ grid-template-columns: 1fr 2fr;
+ }
+}
+
+.sponsorships__introText h2 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: clamp(2rem, 3vw, 3rem);
+ line-height: 1.25;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+.sponsorships__introText h3 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.875rem;
+ line-height: 1.375;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+ font-weight: var(--font-weight-main);
+ color: var(--color-fg-copy);
+}
+.sponsorships__introText p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.sponsorships__introText p a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.sponsorships__introText p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+.sponsorships__introText p:last-of-type {
+ margin-bottom: 0;
+}
+
+.sponsorships__author {
+ width: 20rem;
+}
+
+.sponsorships__content h2 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: clamp(2rem, 3vw, 3rem);
+ line-height: 1.25;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+.sponsorships__content h3 {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.875rem;
+ line-height: 1.375;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+ margin-top: 2rem;
+}
+.sponsorships__content p:not(.testimonial__name) {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.25rem;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.sponsorships__content p:not(.testimonial__name) a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.sponsorships__content p:not(.testimonial__name) a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.sponsorships__packages {
+ display: grid;
+ margin: 2rem 0;
+}
+@media screen and (min-width: 881px) {
+ .sponsorships__packages {
+ grid-template-columns: 1fr 1fr;
+ gap: 2rem;
+ }
+}
+
+.sponsorships__testimonials {
+ display: grid;
+ gap: 2rem;
+ margin-top: 1rem;
+ margin-bottom: 3rem;
+}
+@media screen and (min-width: 881px) {
+ .sponsorships__testimonials {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.sponsorships__form {
+ padding: 2rem;
+ background-color: var(--card-bg);
+ border-radius: 1rem;
+ max-width: 768px;
+}
+
+.sponsorships__formInput {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ background-color: var(--input-bg);
+ color: var(--color-fg);
+ border: var(--input-border);
+ border-radius: var(--border-radius-base);
+ font-size: 1rem;
+ padding: 0.5rem;
+ background: rgba(255, 255, 255, 0.06);
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+}
+.sponsorships__formInput:focus-visible {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.sponsorships__formInput--text {
+ display: block;
+ width: 100%;
+}
+
+.sponsorships__formLabel {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.4;
+ color: var(--color-fg-copy);
+ display: block;
+ width: 100%;
+}
+
+.sponsorships__formLabel--checkbox {
+ line-height: 1;
+}
+
+.sponsorships__question {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.4;
+ color: var(--color-fg-copy);
+ display: block;
+ width: 100%;
+ margin-bottom: 1rem;
+}
+
+.sponsorships__formTextArea {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ background-color: var(--input-bg);
+ color: var(--color-fg);
+ border: var(--input-border);
+ border-radius: var(--border-radius-base);
+ font-size: 1rem;
+ padding: 0.5rem;
+ background: rgba(255, 255, 255, 0.06);
+ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+ width: 100%;
+ scroll-padding-block: 1rem;
+ line-height: 1.5;
+}
+.sponsorships__formTextArea:focus-visible {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.sponsorships__formTitle {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: clamp(2rem, 3vw, 3rem);
+ line-height: 1.25;
+ margin-bottom: 1rem;
+ color: var(--color-fg);
+}
+
+.sponsorships__topRow {
+ display: grid;
+ grid-template-columns: 1fr;
+ column-gap: 1rem;
+}
+@media screen and (min-width: 768px) {
+ .sponsorships__topRow {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.sponsorships__formRow {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 0.5rem;
+ align-items: center;
+ margin-bottom: 1rem;
+}
+
+.sponsorships__checkboxRow {
+ display: flex;
+ gap: 1rem;
+ flex-direction: row;
+ margin-bottom: 0.5rem;
+ align-items: center;
+}
+
+.sponsorships__checkboxRow--last {
+ margin-bottom: 2rem;
+}
+
+.sponsorships__submit {
+ position: relative;
+ border-width: 0;
+ border-radius: var(--border-radius-base);
+ color: var(--bio-button-color);
+ background: var(--bio-button-bg);
+ color: var(--color-fg);
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.2rem;
+ line-height: 1.6;
+ padding: 0.625rem 0.875rem;
+}
+.sponsorships__submit:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.sponsorships__success {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ display: none;
+ padding: 0.5rem 1rem;
+ margin-bottom: 2rem;
+ font-size: 1.2rem;
+ line-height: 1.4;
+ border-radius: var(--border-radius-base);
+ background-color: var(--pink);
+ color: var(--white);
+}
+
+.sponsorships__success--show {
+ display: inline-block;
+}
+
+.streamPackage__title {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+}
+.streamPackage__title a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.streamPackage__title a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.streamPackage__description p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+}
+.streamPackage__description p a {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ text-decoration: none;
+}
+.streamPackage__description p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.newsletterSignup {
+ margin-bottom: 2rem;
+}
+
+.newsletterSignup--noMargin {
+ margin-bottom: 0;
+}
+
+.newsletterSignup__title {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ font-size: 1.2rem;
+ line-height: 1.6;
+ margin-bottom: 0.5rem;
+}
+.newsletterSignup__title span {
+ color: var(--orange);
+ font-style: italic;
+}
+
+.newsletterSignup__para {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1rem;
+ line-height: 1.75;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+ word-break: break-word;
+}
+.newsletterSignup__para a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+.newsletterSignup__submit {
+ background-color: var(--pink);
+ display: block;
+ border-width: 0;
+ border-radius: var(--border-radius-base);
+ width: 100%;
+ color: var(--white);
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 1.5rem;
+ text-align: center;
+ text-decoration: none;
+ padding: 0.5rem 1rem;
+ margin: 0 auto 0.5rem auto;
+}
+
+.newsletterSignup__submit:focus-visible,
+.newsletterSignup__submit:focus-visible:focus {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.tcwr__title {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ color: var(--color-link);
+ font-size: 1.2rem;
+ line-height: 1.6;
+ margin-bottom: 0.5rem;
+}
+.tcwr__title span {
+ font-style: italic;
+ color: var(--orange);
+}
+
+@keyframes funky {
+ 0% {
+ filter: saturate(100%);
+ transform: rotate(-8deg);
+ }
+ 50% {
+ filter: saturate(0);
+ transform: rotate(-2deg);
+ }
+ 100% {
+ filter: saturate(100%);
+ transform: rotate(-8deg);
+ }
+}
+.tcwr__logo {
+ animation: funky infinite 4s;
+ max-height: 100%;
+ margin: auto;
+ transform: rotate(-8deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .tcwr__logo {
+ animation: unset;
+ }
+}
+.tcwr__nav {
+ display: flex;
+ flex-direction: row;
+ gap: 1rem;
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
+ justify-content: space-around;
+}
+
+.tcwr__navItem {
+ font-style: italic;
+ line-height: 1.2;
+ color: var(--color-fg-copy);
+ display: block;
+ font-size: 1rem;
+ padding: 0.25rem;
+ border-radius: var(--border-radius-base);
+}
+
+.tcwr__navItem--random {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ font-style: normal;
+ color: var(--color-fg-copy);
+ border-radius: var(--border-radius-base);
+ background-color: var(--input-bg);
+ padding: 0.6rem 1rem;
+ border: var(--input-border);
+}
+
+.tcwr__navItem:focus,
+.tcwr__navItem:focus-visible {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.tcwr__membersList {
+ padding-inline-start: 0;
+ list-style: none;
+ max-height: 100px;
+ overflow-y: auto;
+}
+
+.tcwr__membersListItemLink {
+ color: var(--color-fg-copy);
+ margin-bottom: 0.25rem;
+ display: block;
+}
+
+.tcwr__membersListItemLink:focus-visible,
+.tcwr__membersListItemLink:focus-visible:focus {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.tcwr__join {
+ background-color: var(--orange);
+ display: block;
+ border-width: 0;
+ border-radius: var(--border-radius-base);
+ width: 100%;
+ color: var(--black);
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 1.5rem;
+ text-align: center;
+ text-decoration: none;
+ padding: 0.5rem 1rem;
+ margin: 1rem auto 0.5rem auto;
+}
+
+.tcwr__join:focus-visible,
+.tcwr__join:focus-visible:focus {
+ outline-color: transparent;
+ outline-style: solid;
+ outline-offset: 0.125rem;
+ box-shadow: inset var(--color-fg) 0 0 0 0.125rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+}
+
+.video {
+ position: relative;
+ aspect-ratio: 16/9;
+ /* address the magic numbers here, see _reset.scss */
+ margin-top: -8rem;
+}
+@media screen and (min-width: 768px) {
+ .video {
+ margin-top: -12rem;
+ }
+}
+
+.video__banner {
+ width: 100vw;
+ height: 100svh;
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background-image: url("/.netlify/images/?url=/img/salma_on_sofa.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ justify-content: flex-end;
+ filter: contrast(1.1);
+ transition: height 0.2s ease-in-out;
+}
+@media screen and (min-width: 768px) {
+ .video__banner {
+ height: 60svh;
+ }
+}
+
+.video__bannerImg {
+ width: 100%;
+}
+
+.video__headline {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ color: var(--white);
+ text-transform: uppercase;
+ font-size: clamp(3rem, 14vw, 13rem);
+ opacity: 0.8;
+ padding: 1rem 1rem 2rem 1rem;
+ display: flex;
+ align-items: center;
+ max-width: var(--global-max-width);
+ width: 100%;
+ mix-blend-mode: plus-lighter;
+ line-height: 0.8;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.video__grid {
+ display: grid;
+ gap: 2rem;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ list-style: none;
+ padding-left: 0;
+ grid-auto-rows: 1fr;
+}
+.video__grid li {
+ display: flex;
+}
+
+.video__gridHeader {
+ font-weight: var(--font-weight-bold);
+ font-family: var(--font-family-main);
+ margin-top: 3rem;
+ margin-bottom: 2rem;
+ font-size: clamp(2.5rem, 3.5vw, 3.5rem);
+ line-height: 1.4;
+ color: var(--color-fg);
+ max-width: var(--post-max-width);
+ text-wrap: balance;
+}
+
+.video__gridHeader--sub {
+ font-weight: var(--font-weight-mid);
+ font-family: var(--font-family-main);
+ font-size: 1.4rem;
+ word-break: break-word;
+ hyphens: auto;
+}
+
+.video__content {
+ max-width: var(--post-max-width);
+}
+.video__content p {
+ font-weight: var(--font-weight-main);
+ font-family: var(--font-family-main);
+ font-size: 1.125rem;
+ line-height: 1.75;
+ margin-bottom: 1rem;
+ color: var(--color-fg-copy);
+ word-break: break-word;
+}
+.video__content p a:focus-visible {
+ outline: transparent;
+ outline-style: solid;
+ box-shadow: var(--color-bg) 0 0 0 0.08rem, var(--color-focus-outline) 0 0 0 0.24rem;
+ transition: box-shadow var(--global-transition-time) ease-in-out;
+ border-radius: var(--border-radius-base);
+}
+
+/*# sourceMappingURL=main.css.map */
diff --git a/src/_css/main.css.map b/src/_css/main.css.map
index 6537c1c8..c6cf6663 100644
--- a/src/_css/main.css.map
+++ b/src/_css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../_sass/_font.scss","../_sass/_root.scss","../_sass/_reset.scss","../_sass/_utils.scss","../_sass/_keyframes.scss","../_sass/_header.scss","../_sass/_home.scss","../_sass/_tc-layout.scss","../_sass/_home-about.scss","../_sass/_md.scss","../_sass/_blog.scss","../_sass/_about.scss","../_sass/_topics.scss","../_sass/_page.scss","../_sass/_post.scss","../_sass/_pagination.scss","../_sass/_published-date.scss","../_sass/_table-of-contents.scss","../_sass/_author.scss","../_sass/_blog-end-author.scss","../_sass/_blog-sidebar-social-links.scss","../_sass/_speaker-deck-link.scss","../_sass/_video-embed.scss","../_sass/_codepen-embed.scss","../_sass/_uses.scss","../_sass/_bio.scss","../_sass/_lighthouse-comparison.scss","../_sass/_404.scss","../_sass/_ais.scss","../_sass/_prism.scss","../_sass/_card.scss","../_sass/_twitch-info.scss","../_sass/_activity-feed.scss","../_sass/_events.scss","../_sass/_social-links.scss","../_sass/_talks.scss","../_sass/_testimonial.scss","../_sass/_sponsorships.scss","../_sass/_stream-package.scss","../_sass/_newsletter-signup.scss","../_sass/_webring.scss","../_sass/_video.scss"],"names":[],"mappings":"AAAA,WACE,oBACA,oBACA,qHAEA,kBACA,oBACA,kBAGF,WACE,4BACA,qDACA,mBACA,kBACA,oBACA,mBAGF,WACE,mCACA,2DACA,mBACA,kBACA,oBACA,mBAGF,WACE,uCACA,8DACA,mBACA,kBACA,oBACA,mBClCF,uCACE,MACE,4BACA,0BAMJ,MACE,gBACA,sBACA,iBACA,qBACA,qBACA,oBACA,iBACA,qBACA,kBAEA,mCACA,qCAEA,+CAEA,wBACA,uBACA,wBAEA,+BAEA,2BACA,wBACA,yBAEA,6EAEA,gCACA,2BAEA,oBAGF,kBACE,kBACA,gGACA,6DAEA,yBACA,yBACA,2CACA,gCACA,4CACA,yCAEA,mDAGF,mBACE,mBACA,gGACA,8DAEA,yBACA,yBACA,qCACA,0BACA,sCACA,mCAEA,+CCtEF,EACE,sBACA,SAGA,UAGF,KACE,eACA,wCACA,iCAGF,IACE,eACA,YAGF,EACE,cACA,iCACA,0BACA,8BACA,kCAGF,OFgBE,oCACA,oCEXF,KFKE,oCACA,oCEJA,eACA,sBACA,0CACA,kBAEA,iBACA,2BACA,gCACA,uCAEA,qCAZF,KAaI,gDAIJ,uBACE,GACE,UAEF,KACE,aAIJ,KACE,2BACA,kCAEA,qCAJF,KAKI,kBAGF,YACE,uCFHF,mBACA,kBACA,uCEGE,eACA,4BACA,eACA,WACA,YACA,uBACA,iBACA,cACA,WACA,OAGF,WACE,WACA,4CACA,4BACA,sBACA,SACA,WAEA,0BACA,eACA,SACA,OACA,WAOF,wFACE,eACA,QACA,WC5FJ,SAXE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,eAsCF,kBACE,sCACA,0DAGF,mBACE,gCACA,8CCtDF,iBACE,GACE,UAEF,IACE,UAEF,KACE,WCRJ,mBACE,sCACA,4WACA,oEACA,sEACA,oEAGF,kBACE,mCACA,4WACA,mEACA,qEACA,mEAGF,QACE,mCACA,oBACA,iBACA,kCACA,aACA,8BACA,mBACA,mBACA,WACA,eACA,oBACA,wDACA,qBACA,4BACA,0BACA,gBACA,SACA,2BAEA,qCApBF,QAqBI,yDAIJ,kBACE,aACA,SACA,mBACA,mBACA,wBACA,kBAGF,2BLPE,oCACA,oCKQA,aACA,uBACA,sBACA,qBACA,eACA,cACA,kCACA,iBACA,kBACA,cACA,oBACA,kBACA,WACA,2BACA,SACA,iCACA,WACA,kBF5CA,yCACE,sBACA,oBACA,gFACA,gEACA,wCE2CF,iCACE,SAIJ,uBACE,aAEA,qCAHF,uBAII,aACA,sBACA,uBACA,uCACA,2BACE,0BACA,YAKN,iBACE,eACA,gBACA,aACA,mBACA,2BACA,WACA,kBAEA,qCATF,iBAUI,UAOJ,wBACE,kBAGF,0BACE,4BACA,sEACA,kBACA,SACA,kBACA,SACA,gCAEA,4BACE,cAGF,qCAbF,0BAcI,iDACA,4BACE,eAMJ,kCACE,kCACA,WACA,iBACA,kBACA,SACA,WACA,cAIJ,mCACE,iEAEA,yCACE,2CAGF,0CACE,WACA,qBACA,kDACA,YACA,WAIJ,wBACE,eACA,kBACA,aACA,mBAEA,qCANF,wBAOI,kEAIJ,iDAEE,6DACA,YLtIA,oCACA,oCKuIA,mBACA,qBACA,aACA,mBACA,UACA,mBACA,8BACA,yBACA,kBACA,kBACA,cACA,mBAEA,qCAlBF,iDAmBI,eACA,qBFzKF,6EACE,sBACA,oBACA,gFACA,gEACA,wCEyKF,6DACE,UAIJ,8GAGE,UACA,kBAEA,mIACE,WACA,cACA,kBACA,SACA,OACA,WAKF,2CACE,0CACA,cAEA,qCAJF,2CAKI,eAMJ,2CACE,0CACA,cAEA,qCAJF,2CAKI,eAMJ,6CACE,2CACA,cAEA,qCAJF,6CAKI,eAKN,qBACE,cACA,2BACA,yDACA,4CACA,4BACA,2BACA,eACA,cACA,mBACA,+BACA,eACA,eACA,kBAEA,gDACE,6CFpPF,mCACE,sBACA,oBACA,gFACA,gEACA,wCG9BJ,MCKE,cACA,YACA,SACA,iBAEA,sCDVF,MCWI,aACA,oBDRJ,YCaE,mBACA,sCDdF,YCeI,MAjBmB,SAkBnB,YACA,cACA,aACA,uBACA,2BACA,sBACA,WAzBe,KA0Bf,iBAKF,sCDxBF,aCyBI,eACA,OAjCe,KAkCf,mBACA,aACA,uBACA,oBD1BJ,cC+BE,aACA,sBACA,YACA,iBACA,YD/BF,cASE,mBARA,sCADF,cAEI,aACA,YACA,uBACA,mBACA,uBAMJ,eNoBE,mCACA,oCMnBA,eACA,cACA,mBACA,wBACA,kBACA,qBHVA,6BACE,sBACA,oBACA,gFACA,gEACA,wCGSJ,gBACE,YACA,aACA,0BACA,SAEA,sCANF,gBAOI,+BE9CJ,WACE,WAGF,iBACE,kBACA,sBACA,cAGF,qBACE,iBACA,cACA,mBACA,sBACA,cAIA,mBR6BA,mCACA,oCQ5BE,mBACA,kBACA,mBACA,sBAGF,kBRWA,oCACA,oCSrCA,UD0BmC,QCzBnC,YDyByD,ICxBzD,mBACA,2BAEA,oBTyCA,mCACA,oCSxCE,wBACA,qBNeF,kCACE,sBACA,oBACA,gFACA,gEACA,wCO5BJ,MACE,cAEA,oCAHF,MAII,aACA,8BACA,YAGF,oCATF,MAUI,+BAIJ,qBACE,mBACA,qBAGF,oBV2BE,mCACA,oCU1BA,kBACA,iBACA,aACA,mBACA,YACA,uBACA,mBACA,qBACA,UACA,6DACA,8BACA,qHAEA,oBACA,0BACA,WACA,yDAEA,0BACE,6DAGF,kCACE,wMAGA,8BAGF,2BACE,6DAGF,oCAnCF,oBAoCI,cAIJ,gCACE,aACA,SACA,8BACA,qBACA,mBAIA,oCADF,4CAEI,iBAIJ,YACE,aACA,2BACA,mDACA,2BACA,4BAEA,aAEA,WACA,eACA,SAEA,YACA,YACA,kBACA,kBAEA,kBAEA,oCApBF,YAqBI,iBACA,oBACA,iBAEA,cACA,cAEA,UACA,kBACA,aAEA,YACA,YACA,cACA,eAOJ,iBPlFE,aACA,SACA,2DACA,gBACA,eACA,mBAEA,oBACE,aO8EJ,uBACE,gBAGF,iBACE,sBACA,iCC/HF,OJKE,cACA,YACA,SACA,iBAEA,sCIVF,OJWI,aACA,oBIRJ,cJaE,mBACA,sCIdF,cJeI,MId8B,MJe9B,YACA,cACA,aACA,uBACA,2BACA,sBACA,WAzBe,KA0Bf,iBInBJ,aACE,WACA,mBAEA,sCAJF,aAKI,cJmBF,sCIfF,cJgBI,eACA,OIhBgC,MJiBhC,mBACA,aACA,uBACA,oBIlBF,sCAHF,cAII,wBAGF,kBACE,+CAGF,gBACE,2BACA,iBACA,wCAIJ,gBJQE,aACA,sBACA,YACA,iBACA,YITA,aCtCF,kBACE,kDAEF,mBACE,4CAGF,QACE,gBACA,cACA,qBACA,sBACA,sBAGF,gBACE,aACA,mBACA,8BACA,mBACA,SACA,mBAGF,qBACE,cACA,gBACA,yBACA,sBACA,sBACA,2BACA,UAEA,mCACE,wMAGA,wBAGF,oCAhBF,qBAiBI,cAIJ,eZGE,mCACA,oCYFA,eAGF,cZFE,mCACA,oCYGA,eACA,mBAGF,sBACE,cZTA,mCACA,oCYUA,sBACA,eACA,mBACA,qBACA,wBACA,wCACA,sEAEA,4BACE,6CT3CF,oCACE,sBACA,oBACA,gFACA,gEACA,wCS4CJ,gCACE,6BACA,mBAEA,sCACE,6BACA,mBChFJ,mBb2CE,oCACA,oCa1CA,wCACA,mCACA,gBACA,sBCLF,kBACE,mCACA,kCACA,sCAEF,mBACE,6BACA,+BACA,sCAGF,MACE,gCACA,YAGF,oCACE,MACE,aACA,8BACA,iCAIJ,YACE,YACA,gCACA,aACA,mBACA,mBACA,SACA,mBACA,eAGF,mBdaE,mCACA,oCcZA,gBACA,kBACA,gBACA,gCACA,sBACA,mBACA,sBACA,kBAIA,oDdCA,oCcCE,kBACA,gBACA,mBACA,2BAIJ,iBACE,mBACA,kCACA,mBAGF,eACE,aACA,sBAGF,aACE,sBACA,aACA,cAIA,oCADF,uBAEI,oBAIJ,wBACE,oBACA,gBACA,sBACA,gBACA,iBACA,mBACA,iBACA,mBACA,kBACA,kBAEA,oCAZF,wBAaI,kCAIJ,YACE,mBAGF,UACE,kCACA,gBACA,mBAGF,UdhEE,oCACA,oCciEA,wBACA,qCACA,gBACA,sBACA,gCACA,kBAGF,UdrEE,mCACA,oCcsEA,mCACA,gBACA,mBACA,gBACA,sBACA,aACA,sBAGF,UdhFE,mCACA,oCciFA,iBACA,gBACA,gBACA,mBACA,sBACA,sBACA,aAGF,qBACE,cACA,qBACA,sBACA,kBXtHA,mCACE,sBACA,oBACA,gFACA,gEACA,wCWqHJ,8BdnGE,mCACA,oCcsGA,iBACA,gBACA,mBACA,sBAGF,SdvHE,oCACA,oCcwHA,mBACA,iBACA,mBACA,2BACA,sBX1IA,yBACE,sBACA,oBACA,gFACA,gEACA,wCW4IJ,eACE,oCACA,oCAGF,iBACE,kBAGF,uBACE,gBACA,mBAGF,iBACE,mBACA,gBAGF,kBACE,cACA,wBACA,sBACA,oBACA,uCAGF,oBACE,kBACA,iBACA,gBACA,gBACA,sBAGF,yBACE,YdzJA,mBACA,kBACA,4BcyJA,oBACA,gBACA,cACA,kBACA,SAGF,sCd5KE,oCACA,oCc8KA,mBACA,sBACA,sBACA,qBACA,aACA,mBACA,2BACA,mBACA,eACA,qBAGF,8CAEE,mBACA,aAGF,eACE,mBAGF,qBdhME,mCACA,oCciMA,mCACA,gBACA,mBACA,iBACA,sBACA,aACA,sBAMF,mBACE,aACA,0BACA,WAEA,oCALF,mBAMI,+BAIJ,kBACE,gBACA,mBAEA,yBACE,mBAIJ,uBACE,iBACA,kBACA,cACA,gDAGF,6BACE,iBACA,cACA,kBAGF,eACE,aACA,qBACA,yCACA,gBACA,mBAGF,oBd3PE,oCACA,oCc4PA,iBACA,gBACA,mBACA,sBAGF,sBdxQE,oCACA,oCcyQA,iBACA,gBACA,sBACA,sBAGF,2CACE,mBAGF,iCACE,yBAGF,mCd9QE,mCACA,oCc+QA,sBACA,iBACA,gBAGF,wCACE,YdjRA,mBACA,kBACA,4BciRA,oBACA,gBACA,cACA,kBACA,SAGF,iBd/RE,mCACA,oCcgSA,gBACA,iBACA,mBAGF,edtSE,mCACA,oCcuSA,cACA,gCACA,eACA,2BACA,sBACA,gBACA,kBAEA,iBACE,qBACA,oBACA,kBX1UF,+BACE,sBACA,oBACA,gFACA,gEACA,wCW2UJ,mBACE,mBACA,gBAGF,4BACE,aAEA,oCAHF,4BAII,eAIJ,6BACE,cAEA,oCAHF,6BAII,cAIJ,oBACE,gBAGF,aACE,+CAEA,yBACA,kBACA,mBACA,gBAGF,mBd3VE,mCACA,oCc4VA,gBACA,iCACA,4BACA,2BACA,4BAMF,iBdjXE,oCACA,oCckXA,gBACA,qBACA,4BACA,iCC5ZF,YACE,iBACA,kCACA,0BACA,2BACA,qBAGF,yBZPE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,eYGF,kBACE,gBACA,aACA,mBACA,8BACA,mBACA,UACA,SAGF,sBfqBE,oCACA,oCepBA,iBACA,qBACA,YACA,kBAEA,0EAEE,2BACA,gBAGF,wEAEE,yBACA,iBAGF,wBACE,cACA,aACA,qBACA,oBACA,mBACA,mBACA,UACA,kBZxBF,4CACE,sBACA,oBACA,gFACA,gEACA,wCa9BJ,eACE,aACA,mBACA,SACA,mBACA,2BAGF,qBhBwCE,mCACA,oCgBvCA,kBACA,gBACA,sBCZF,iBACE,mBAGF,uBACE,gBACA,UAGF,kBACE,oDAEF,mBACE,8CAGF,yBjB2BE,oCACA,oCiB1BA,4CACA,mBACA,iBACA,edIA,uCACE,sBACA,oBACA,gFACA,gEACA,wCcJJ,uBACE,qBAGF,2BjBQE,oCACA,oCiBPA,eACA,gBACA,2BACA,qBACA,cdXA,yCACE,sBACA,oBACA,gFACA,gEACA,wCcWJ,+BACE,kBAGF,4BACE,0BC9CF,QACE,YACA,aACA,YACA,sBACA,8BACA,mBAGF,mBACE,aAEA,oCAHF,mBAII,aACA,YACA,sBACA,+BAIJ,aACE,cACA,kBACA,YfEA,2BACE,sBACA,oBACA,gFACA,gEACA,wCeFA,0FACE,sBAKN,sBACE,iCACA,+DACA,YAEA,0BACE,+CAGF,wBACE,wCACA,YACA,iBAIJ,cACE,cACA,kBACA,SACA,kBAGF,eACE,iBACA,aACA,mBC5DF,eACE,mBACA,aACA,8BACA,WACA,oBACE,6BAIJ,6BACE,iBACA,iCACA,+DAEA,iCACE,wCACA,+CAIJ,sBACE,iBAGF,qBnBuBE,mCACA,oCmBtBA,mBACA,iBACA,sBAGF,oBACE,cACA,oBAEA,sBnBEA,oCACA,oCSrCA,UAF6B,KAG7B,YAHgD,IAIhD,mBACA,2BAEA,wBTyCA,mCACA,oCSxCE,wBACA,qBNeF,sCACE,sBACA,oBACA,gFACA,gEACA,wCiB9BJ,wBACE,aACA,mBACA,SACA,eACA,mBCFF,0BrB6CE,mCACA,oCqB5CA,wCACA,wCACA,gCACA,gCACA,qBACA,aACA,mBACA,2BACA,mBACA,eACA,sBACA,gBACA,mBCjBF,iBtBsCE,oCACA,oCsBrCA,eACA,cACA,mBACA,2BAGF,+BACE,mBACA,gBACA,iCACA,gDACA,gBAKE,iEACE,kBACA,kBACA,WACA,YCtBN,yBACE,iBACA,kBACA,mBCHF,MACE,kCACA,YAGF,iBACE,kBACA,WACA,UAGF,YrBwBE,aACA,SACA,2DACA,gBACA,eACA,mBAEA,eACE,asBzCJ,kBACE,6CACA,0CAEF,mBACE,oCACA,uCAGF,KACE,aACA,sBACA,8BACA,kBAGF,aACE,aACA,8BACA,sBACA,SACA,uBACA,mBAEA,sCARF,aASI,oBAIJ,cACE,aACA,mBACA,SACA,mBACA,UACA,QAEA,sCARF,cASI,SAIJ,YACE,QACA,sCAFF,YAGI,SAIJ,aACE,kBACA,eACA,wCACA,8BACA,gCACA,sBACA,gBACA,eACA,gBACA,wBACA,qBtBrCA,2BACE,sBACA,oBACA,gFACA,gEACA,wCsBuCJ,YACE,mBACA,gBAEA,ezBzBA,mCACA,oCyB0BE,mBACA,kBACA,mBACA,sBACA,0BAGF,ezBlCA,mCACA,oCSvBA,mBACA,kBACA,mBACA,sBgByDA,czBhDA,oCACA,oCSrCA,UgBqFmC,QhBpFnC,YgBoFyD,IhBnFzD,mBACA,2BAEA,gBTyCA,mCACA,oCSxCE,wBACA,qBNeF,8BACE,sBACA,oBACA,gFACA,gEACA,wCsB4DF,6BzBpDA,oCACA,oCyBqDE,eACA,cACA,mBC9FJ,kBACE,yCACA,6CACA,uCAEA,0CACA,8CACA,wCAEA,sCACA,0CACA,qCAEA,2CAGF,mBACE,wCACA,6CACA,0CAEA,yCACA,8CACA,2CAEA,qCACA,0CACA,wCAEA,mCAGF,YACE,iBACA,gBACA,aACA,gBACA,gDACA,gDACA,iCAGF,oBACE,aACA,mBACA,8BACA,SACA,mBACA,sBAGF,mB1BHE,mCACA,oC0BIA,iBACA,gBACA,mBAGF,sB1BpBE,oCACA,oC0BqBA,iBACA,gBACA,mBACA,oBACA,cAGF,oBACE,aACA,8BACA,uBAGF,iBACE,aACA,sBAGF,sBACE,kBACA,aACA,sBACA,uBACA,mBACA,kBACA,4CACA,iBACA,eACA,kBACA,YACA,WACA,mBAEA,2BACE,0CACA,+BAEA,+CACE,oCAIJ,8BACE,6CACA,kCAEA,kDACE,uCAIJ,6BACE,4CACA,iCAEA,iDACE,sCAKN,kB1B9EE,oCACA,oC0B+EA,iBACA,kBACA,gBAGF,oBACE,kBACA,YACA,WACA,kBACA,yBACA,UACA,YACA,eACA,qBCzIF,qBACE,gCACA,iBACA,kBACA,kBAGF,kBACE,eAGF,iBACE,gBACA,iBACA,kBACA,gBACA,mBAGF,mB3BkCE,mBACA,kBACA,4B2BlCA,wBAGF,kB3BcE,oCACA,oC2BbA,iBACA,gBACA,mBACA,sBACA,cAGF,iBACE,wFAEA,gDACA,WACA,YACA,cCvCF,kBACE,4BAGF,mBACE,4BAYA,qCADF,KAEI,qBAIJ,gBACE,aACA,8BACA,oBACE,6BAIJ,oBACE,kBACA,aACA,iBAGF,kBACE,iBACA,kBAGF,mB5BOE,mCACA,oC4BNA,eACA,gBACA,mBAGF,kD5BCE,oC4BCA,sBACA,eACA,mBAGF,WACE,cAGF,YACE,gB5BZA,mCACA,oC4BaA,eACA,mBACA,aACA,sBAGF,YACE,gB5B/BA,oCACA,oCGoBA,iCACA,sBACA,2BACA,wCACA,eACA,cACA,iCACA,0CyBKA,sEACA,0BACA,WAGF,0BzB3DE,4BACA,oBACA,uBACA,+CACA,gEyB2DF,Y5BhCE,mCACA,oC4BiCA,iBACA,iCACA,eACA,mBACA,2BACA,oBACA,WACA,0BACA,sEACA,yBAGF,0BzB7EE,4BACA,oBACA,uBACA,+CACA,gEyB6EF,2BACE,6BACA,mBC9FF,6CAEE,WACA,gBACA,iCACA,kEACA,eACA,gBACA,gBACA,oBACA,kBACA,iBACA,gBAEA,gBACA,cACA,WAEA,qBACA,kBACA,iBACA,aAIF,sBACE,aACA,eACA,cACA,gDAIF,uBACE,qBACA,qBAGF,uDAEE,4BAIF,iCACE,aACA,mBACA,mBAGF,yDAIE,cAGF,mBACE,cAGF,iBACE,WAGF,wEAKE,cAGF,6BAEE,cAGF,0FAME,cAGF,0GAME,cAGF,kEAIE,cAGF,eACE,cAGF,8BAEE,cAGF,6BAEE,iBAEF,cACE,kBAGF,cACE,YAGF,eACE,kCAEF,gBACE,oCAIF,qEAGE,yBACA,iBACA,+BAIF,yDAEE,cCrJF,kBACE,qCACA,2CACA,+DACA,qEAGF,mBACE,qCACA,2CACA,yGAEA,iHAIF,MACE,gBACA,qBACA,0BACA,2BACA,kCACA,aACA,sBACA,qBACA,oEACA,kBAIA,uBAEA,wBAEE,gCACA,wCAEA,kDACE,qB3BbJ,oBACE,sBACA,oBACA,gFACA,gEACA,wC2BeJ,sBACE,iBACA,gBACA,aACA,mBACA,uEAEA,iBAGF,6BACE,iBAEA,+BACE,YAIJ,aACE,eACA,yDAGF,aACE,eACA,aACA,sBACA,YACA,8BAGF,Y9BtCE,oCACA,oC8BuCA,sBACA,kBACA,oBACA,cAGF,a9BzCE,oCACA,oC8B0CA,kBACA,gBACA,oBAGF,mB9BrDE,oCACA,oC8BsDA,kBACA,gBACA,sBACA,mBACA,YAGF,YACE,aACA,2BACA,mBACA,UAGF,iB9B3DE,mCACA,oC8B4DA,gBACA,kBACA,gBACA,sBACA,iCACA,mBACA,sBACA,kBACA,0BAGF,gB9BxEE,mCACA,oC8ByEA,kBACA,kBACA,sBC5HF,YACE,8DACA,+DACA,mGAGA,8CACA,yBACA,cACA,YACA,WAEA,oBACE,WACA,YACA,UAIJ,kBACE,kBACA,aACA,mBACA,uBACA,kB5BCA,gCACE,sBACA,oBACA,gFACA,gEACA,wC4BDJ,uBACE,kBACA,iBACA,4CACA,iCACA,UACA,kBACA,WACA,YACA,wFAEA,oBACA,yDAEA,6BACE,oBAIJ,6BACE,oBAGF,mBACE,kBACA,UACA,sCACA,oCACA,qCACA,aACA,mBACA,WACA,8BAGF,kCACE,6BACA,6BACA,0BACA,kDACA,0DACA,gBACA,aACA,mBACA,WACA,YAGF,yB/B7BE,mCACA,oC+B8BA,iCACA,WACA,mBACA,gBACA,uBAGF,kB/BtCE,mCACA,oC+B4CA,iCACA,kBAEA,sBAEA,aACA,mBACA,8BACA,mBACA,UAEA,gFAKA,mBACA,6BACA,kDACA,2DAzBA,sBACE,eACA,cA0BJ,mBACE,WACA,YACA,kBAEA,0BACE,WACA,YACA,kBACA,wCACA,wFC7HJ,cACE,iBACA,kBACA,gCACA,aACA,SACA,0BAGF,sBACE,eCVF,QACE,gCACA,YASF,cACE,eACA,gBAGF,kBACE,aACA,8BACA,cACA,oBACE,+CAIF,mBAEA,oCAXF,kBAYI,mBACA,kCACA,oBACE,iDAMN,sBACE,eACA,aACA,sBACA,2BACA,mBAGF,6BjCGE,mCACA,oCiCFA,kBACA,sBACA,yBACA,iBACA,qBAGF,2BjCXE,oCACA,oCiCYA,cACA,kBACA,sBACA,yBACA,iBAGF,sBACE,ejC1BA,oCACA,oCiC2BA,eACA,aACA,UACA,mBACA,0BAEA,0BACE,sBAGF,oCAbF,sBAcI,aACA,oBAIJ,2BACE,aACA,mBACA,UACA,mBAGF,8BACE,ejCpDA,oCACA,oCiCqDA,iBACA,gBAGF,sBACE,ejCjDA,mCACA,oCiCkDA,aACA,sBACA,2BACA,qCACA,gBACA,sBAGF,qBACE,cjC5DA,mCACA,oCiC6DA,UACA,YACA,kBACA,kBACA,gCACA,sBACA,gDACA,gCACA,qBACA,oBACA,mBACA,2BACA,mBACA,eACA,2B9BnGA,mCACE,sBACA,oBACA,gFACA,gEACA,wC8BkGJ,yB9B/HE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,e8B2HF,+BACE,YACA,aAEA,sCACE,WACA,qBACA,kDACA,YACA,WAIJ,2BACE,sBACA,gDACA,gCACA,mBACA,ejC3GA,oCACA,oCiC4GA,kBCxJF,aACE,gBACA,eACA,aACA,mBACA,eACA,2BAGF,gBACE,eACA,cACA,aACA,oBACA,mBAMI,8CACE,qBAMR,mBACE,YACA,WACA,aACA,oBACA,mBACA,uBACA,kB/BTA,iCACE,sBACA,oBACA,gFACA,gEACA,wCgC9BJ,iBhCmCE,aACA,SACA,2DACA,gBACA,eACA,mBAEA,oBACE,aiC3CJ,kBACE,+BAGF,mBACE,+BAGF,aACE,aACA,aACA,sBACA,8BACA,mBACA,uCAGF,oBACE,gBpCoBA,oCACA,oCoCnBA,2BACA,iBACA,gBACA,mBAGF,oBACE,gBACA,mBACA,cACA,aACA,iBAGF,mBACE,aACA,eACA,iBACA,6CACA,2BACA,mBAGF,mBACE,eACA,gBACA,cACA,2BpCTA,oCACA,oCoCUA,eAGF,kBACE,cACA,2BACA,4BACA,2CpClBA,oCACA,oCGdA,gCACE,sBACA,oBACA,gFACA,gEACA,wCkC5BJ,cACE,iBACA,YAGF,qBrCoCE,oCACA,oCqCnCA,sCACA,gBACA,qBAGF,qBACE,aACA,SACA,mBACA,qCAJF,qBAKI,+BAKF,4BrCwBA,mCACA,oCS/BA,+BACA,iBACA,mBACA,sB4BOA,4BrCoBA,mCACA,oCSvBA,mBACA,kBACA,mBACA,sB4BCE,oCACA,2BAGF,2BrCIA,oCACA,oCSrCA,U4BiCmC,Q5BhCnC,Y4BgCyD,I5B/BzD,mBACA,2BAEA,6BTyCA,mCACA,oCSxCE,wBACA,qBNeF,2CACE,sBACA,oBACA,gFACA,gEACA,wCkCOA,wCACE,gBAKN,sBACE,YAIA,6DrCCA,oCS/BA,+BACA,iBACA,mBACA,sB4B+BA,0BrCJA,mCACA,oCSvBA,mBACA,kBACA,mBACA,sB4ByBE,gBAGF,iDrCnBA,oCACA,oCSrCA,U4BwDmC,Q5BvDnC,Y4BuDyD,I5BtDzD,mBACA,2BAEA,mDTyCA,mCACA,oCSxCE,wBACA,qBNeF,iEACE,sBACA,oBACA,gFACA,gEACA,wCkCgCJ,wBACE,aACA,cAEA,qCAJF,wBAKI,8BACA,UAIJ,4BACE,aACA,SACA,gBACA,mBAEA,qCANF,4BAOI,+BAIJ,oBACE,aACA,gCACA,mBACA,gBAGF,yBrCpDE,oCACA,oCGoBA,iCACA,sBACA,2BACA,wCACA,eACA,cACA,iCACA,0CkC2BA,uClC5EA,4BACA,oBACA,uBACA,+CACA,gEkC6EF,+BACE,cACA,WAMF,yBrCpEE,oCACA,oCqCqEA,iBACA,gBACA,2BACA,cACA,WAGF,mCACE,cAGF,wBrCjFE,oCACA,oCqCkFA,iBACA,gBACA,2BACA,cACA,WACA,mBAGF,4BrC3FE,oCACA,oCGoBA,iCACA,sBACA,2BACA,wCACA,eACA,cACA,iCACA,0CkCiEA,WACA,0BACA,gBAEA,0ClCtHA,4BACA,oBACA,uBACA,+CACA,gEkCuHF,yBrC5FE,mCACA,oCqC6FA,+BACA,iBACA,mBACA,sBAGF,sBACE,aACA,0BACA,gBAEA,qCALF,sBAMI,+BAIJ,uBACE,aACA,0BACA,UACA,mBACA,mBAGF,2BACE,aACA,SACA,mBACA,oBACA,mBAGF,iCACE,mBAGF,sBACE,kBACA,eACA,wCACA,8BACA,gCACA,sBrCxIA,mCACA,oCqCyIA,iBACA,gBACA,wBlCnKA,oCACE,sBACA,oBACA,gFACA,gEACA,wCkCkKJ,uBrC1JE,oCACA,oCqC2JA,aACA,mBACA,mBACA,iBACA,gBACA,wCACA,6BACA,mBAGF,6BACE,qBC1MF,sBtCmCE,oCACA,oCSrCA,UAF6B,KAG7B,YAHgD,IAIhD,mBACA,2BT2CA,mCACA,oCS1CA,wBTyCA,mCACA,oCSxCE,wBACA,qBNeF,sCACE,sBACA,oBACA,gFACA,gEACA,wCmCrBF,8BtC6BA,oCACA,oCSrCA,UAF6B,KAG7B,YAHgD,IAIhD,mBACA,2BAEA,gCTyCA,mCACA,oCSxCE,wBACA,qBNeF,8CACE,sBACA,oBACA,gFACA,gEACA,wCoC9BJ,kBACE,mBAGF,4BACE,gBAGF,yBvCmCE,oCACA,oCuClCA,wBACA,iBACA,gBACA,oBAEA,8BACE,4BACA,oBAIJ,wBvCiBE,oCACA,oCuChBA,eACA,iBACA,mBACA,2BACA,sBpCFA,wCACE,sBACA,oBACA,gFACA,gEACA,wCoCIJ,0BACE,6BACA,cACA,eACA,wCACA,WACA,mBACA,4BACA,iBACA,kBACA,qBACA,mBACA,yBAGF,sFpChCE,4BACA,oBACA,uBACA,+CACA,gEqCrBF,axC2CE,oCACA,oCwC1CA,wBACA,iBACA,gBACA,oBAEA,kBACE,4BACA,oBAIJ,iBACE,GACE,sBACA,wBAEF,IACE,mBACA,wBAEF,KACE,sBACA,yBAIJ,YACE,4BACA,gBACA,YACA,wBAGF,uCACE,YACE,iBAIJ,WACE,aACA,mBACA,SACA,iBACA,mBACA,6BAGF,eACE,kBACA,gBACA,2BACA,cACA,eACA,eACA,wCAGF,uBxCjBE,oCACA,oCwCkBA,kBACA,2BACA,wCACA,iCACA,mBACA,2BAGF,kDrCrDE,4BACA,oBACA,uBACA,+CACA,gEqCsDF,mBACE,uBACA,gBACA,iBACA,gBAGF,2BACE,2BACA,qBACA,cAGF,wFrCvEE,4BACA,oBACA,uBACA,+CACA,gEqCwEF,YACE,+BACA,cACA,eACA,wCACA,WACA,mBACA,4BACA,iBACA,kBACA,qBACA,mBACA,4BAGF,0DrC3FE,4BACA,oBACA,uBACA,+CACA,gEsCrBF,OACE,kBACA,kBAGA,iBAEA,qCAPF,OAQI,mBAIJ,eACE,YACA,cACA,kBACA,SACA,2BACA,aACA,sBACA,uBACA,qEACA,4BACA,sBACA,2BACA,yBACA,qBACA,kCAEA,qCAjBF,eAkBI,cAIJ,kBACE,WAGF,iBzCKE,oCACA,oCyCJA,mBACA,yBACA,iCACA,WACA,4BACA,aACA,mBACA,kCACA,WACA,4BACA,eACA,iBACA,kBAGF,atCpBE,aACA,SACA,2DACA,gBACA,eACA,mBAEA,gBACE,asCgBJ,mBzChBE,oCACA,oCyCiBA,gBACA,mBACA,qCACA,gBACA,sBACA,gCACA,kBAGF,wBzCtBE,mCACA,oCyCuBA,iBACA,sBACA,aAGF,gBACE,gCAEA,kBzC1CA,oCACA,oCyC2CE,mBACA,iBACA,mBACA,2BACA,sBtC7DF,kCACE,sBACA,oBACA,gFACA,gEACA","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../_sass/_root.scss","../_sass/_reset.scss","../_sass/_font.scss","../_sass/_utils.scss","../_sass/_keyframes.scss","../_sass/_header.scss","../_sass/_home.scss","../_sass/_tc-layout.scss","../_sass/_home-about.scss","../_sass/_md.scss","../_sass/_blog.scss","../_sass/_about.scss","../_sass/_topics.scss","../_sass/_page.scss","../_sass/_post.scss","../_sass/_pagination.scss","../_sass/_published-date.scss","../_sass/_table-of-contents.scss","../_sass/_author.scss","../_sass/_blog-end-author.scss","../_sass/_blog-sidebar-social-links.scss","../_sass/_speaker-deck-link.scss","../_sass/_video-embed.scss","../_sass/_codepen-embed.scss","../_sass/_uses.scss","../_sass/_bio.scss","../_sass/_lighthouse-comparison.scss","../_sass/_404.scss","../_sass/_ais.scss","../_sass/_prism.scss","../_sass/_card.scss","../_sass/_twitch-info.scss","../_sass/_activity-feed.scss","../_sass/_events.scss","../_sass/_social-links.scss","../_sass/_talks.scss","../_sass/_testimonial.scss","../_sass/_sponsorships.scss","../_sass/_stream-package.scss","../_sass/_newsletter-signup.scss","../_sass/_webring.scss","../_sass/_video.scss"],"names":[],"mappings":"AAAA;EACE;IACE;IACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACzEF;EACE;EACA;EAGA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;ECrBE;EACA;;;ADwBF;AAEA;EChCE;EACA;EDiCA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;;;AEvEJ;EAXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAsCF;EACE;EACA;;;AAGF;EACE;EACA;;;ACtDF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;ACRJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EApBF;IAqBI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EH5CE;EACA;EG6CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF5CA;EACE;EACA;EACA;EACA;EACA;;AE2CF;EACE;;;AAIJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;IACA;;EACA;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;;;;AAOJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAbF;IAcI;;EACA;IACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AAIJ;AAAA;EAEE;EACA;EH3KA;EACA;EG4KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAlBF;AAAA;IAmBI;IACA;;;AFzKF;AAAA;EACE;EACA;EACA;EACA;EACA;;AEyKF;AAAA;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAMJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAMJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AFpPF;EACE;EACA;EACA;EACA;EACA;;;AG9BJ;ECKE;EACA;EACA;EACA;;AAEA;EDVF;ICWI;IACA;;;;ADRJ;ECaE;;AACA;EDdF;ICeI,OAjBmB;IAkBnB;IACA;IACA;IACA;IACA;IACA;IACA,YAzBe;IA0Bf;;;;AAKF;EDxBF;ICyBI;IACA,QAjCe;IAkCf;IACA;IACA;IACA;;;;AD1BJ;EC+BE;EACA;EACA;EACA;EACA;;;AD/BF;EASE;;AARA;EADF;IAEI;IACA;IACA;IACA;IACA;;;;AAMJ;EJjBE;EACA;EIkBA;EACA;EACA;EACA;EACA;EACA;;AHVA;EACE;EACA;EACA;EACA;EACA;;;AGSJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AE9CJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;ENRA;EACA;EMSE;EACA;EACA;EACA;;AAGF;EN1BA;EACA;EOAA,WD0BmC;ECzBnC,aDyByD;ECxBzD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;;AO5BJ;EACE;;AAEA;EAHF;IAII;IACA;IACA;;;AAGF;EATF;IAUI;;;;AAIJ;EACE;EACA;;;AAGF;ERVE;EACA;EQWA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EAGA;;AAGF;EACE;;AAGF;EAnCF;IAoCI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIA;EADF;IAEI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EApBF;IAqBI;IACA;IACA;IAEA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;;;;AAOJ;EPlFE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AO8EJ;EACE;;;AAGF;EACE;EACA;;;AC/HF;EJKE;EACA;EACA;EACA;;AAEA;EIVF;IJWI;IACA;;;;AIRJ;EJaE;;AACA;EIdF;IJeI,OId8B;IJe9B;IACA;IACA;IACA;IACA;IACA;IACA,YAzBe;IA0Bf;;;;AInBJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AJmBF;EIfF;IJgBI;IACA,QIhBgC;IJiBhC;IACA;IACA;IACA;;;AIlBF;EAHF;IAII;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EJQE;EACA;EACA;EACA;EACA;EITA;;;ACtCF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EAGA;;AAGF;EAhBF;IAiBI;;;;AAIJ;EVlCE;EACA;EUmCA;;;AAGF;EVvCE;EACA;EUwCA;EACA;;;AAGF;EACE;EV9CA;EACA;EU+CA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AT3CF;EACE;EACA;EACA;EACA;EACA;;;AS4CJ;EACE;EACA;;AAEA;EACE;EACA;;;AChFJ;EXME;EACA;EWLA;EACA;EACA;EACA;;;ACLF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EZxBE;EACA;EYyBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EZrCA;EACA;EYsCE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EADF;IAEI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EZrGE;EACA;EYsGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EZ1GE;EACA;EY2GA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EZrHE;EACA;EYsHA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AXtHA;EACE;EACA;EACA;EACA;EACA;;;AWqHJ;AAAA;AAAA;EZxIE;EACA;EY2IA;EACA;EACA;EACA;;;AAGF;EZ5JE;EACA;EY6JA;EACA;EACA;EACA;EACA;;AX1IA;EACE;EACA;EACA;EACA;EACA;;;AW4IJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EZjNE;EACA;EYmNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EZrOE;EACA;EYsOA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EZhSE;EACA;EYiSA;EACA;EACA;EACA;;;AAGF;EZ7SE;EACA;EY8SA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EZnTE;EACA;EYoTA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EZpUE;EACA;EYqUA;EACA;EACA;;;AAGF;EZ3UE;EACA;EY4UA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AX1UF;EACE;EACA;EACA;EACA;EACA;;;AW2UJ;EACE;EACA;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;;;AAGF;EACE;EAEA;EACA;EACA;EACA;;;AAGF;EZhYE;EACA;EYiYA;EACA;EACA;EACA;EACA;;;AAMF;EZtZE;EACA;EYuZA;EACA;EACA;EACA;;;AC5ZF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EZPE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AYGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EbhBE;EACA;EaiBA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AZxBF;EACE;EACA;EACA;EACA;EACA;;;Aa9BJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EdGE;EACA;EcFA;EACA;EACA;;;ACZF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EfVE;EACA;EeWA;EACA;EACA;EACA;;AdIA;EACE;EACA;EACA;EACA;EACA;;;AcJJ;EACE;;;AAGF;Ef7BE;EACA;Ee8BA;EACA;EACA;EACA;EACA;;AdXA;EACE;EACA;EACA;EACA;EACA;;;AcWJ;EACE;;;AAGF;EACE;;;AC9CF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EAHF;IAII;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;;AfEA;EACE;EACA;EACA;EACA;EACA;;AeFA;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC5DF;EACE;EACA;EACA;EACA;EACA,qBACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EjBdE;EACA;EiBeA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EjBnCA;EACA;EOAA,WAF6B;EAG7B,aAHgD;EAIhD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;;AiB9BJ;EACE;EACA;EACA;EACA;EACA;;;ACFF;EnBQE;EACA;EmBPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjBF;EpBCE;EACA;EoBAA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA;EACA;;;ACtBN;EACE;EACA;EACA;;;ACHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;ErBwBE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AsBzCJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtBrCA;EACE;EACA;EACA;EACA;EACA;;;AsBuCJ;EACE;EACA;;AAEA;EvB9DA;EACA;EuB+DE;EACA;EACA;EACA;EACA;;AAGF;EvBvEA;EACA;EOcA;EACA;EACA;EACA;;AgByDA;EvBrFA;EACA;EOAA,WgBqFmC;EhBpFnC,agBoFyD;EhBnFzD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;AsB4DF;EvBzFA;EACA;EuB0FE;EACA;EACA;;;AC9FJ;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;ExBxCE;EACA;EwByCA;EACA;EACA;;;AAGF;ExBzDE;EACA;EwB0DA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;ExBnHE;EACA;EwBoHA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EzBvBE;EACA;EyBwBA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACtCF;EACE;;;AAGF;EACE;;;AAYA;EADF;IAEI;;;;AAIJ;EACE;EACA;EACA,qBACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;E1B9BE;EACA;E0B+BA;EACA;EACA;;;AAGF;E1BrCE;EACA;E0BsCA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;E1BjDA;EACA;E0BkDA;EACA;EACA;EACA;;;AAGF;EACE;E1BpEA;EACA;ECyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EyBKA;EACA;EACA;;;AAGF;EzB3DE;EACA;EACA;EACA;EACA;;;AyB2DF;E1BrEE;EACA;E0BsEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EzB7EE;EACA;EACA;EACA;EACA;;;AyB6EF;EACE;EACA;;;ACpGF;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AACA;AAAA;EAEE;;;ACrJF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;AAAA;EAEA;AAAA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;;AAEA;EAEE;EACA;;AAEA;EACE;;A3BbJ;EACE;EACA;EACA;EACA;EACA;;;A2BeJ;EACE;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;E5B3EE;EACA;E4B4EA;EACA;EACA;EACA;;;AAGF;E5B9EE;EACA;E4B+EA;EACA;EACA;;;AAGF;E5B1FE;EACA;E4B2FA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;E5BhGE;EACA;E4BiGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;E5B7GE;EACA;E4B8GA;EACA;EACA;;;AC5HF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;A5BCA;EACE;EACA;EACA;EACA;EACA;;;A4BDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;E7BlEE;EACA;E6BmEA;EACA;EACA;EACA;EACA;;;AAGF;E7B3EE;EACA;E6BiFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;EACA;EACA;;AAzBA;EACE;EACA;;;AA0BJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AC7HJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACVF;EACE;EACA;;;AASF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA,qBACE;EAIF;;AAEA;EAXF;IAYI;IACA;IACA,qBACE;;;;AAMN;EACE;EACA;EACA;EACA;EACA;;;AAGF;E/BlCE;EACA;E+BmCA;EACA;EACA;EACA;EACA;;;AAGF;E/BhDE;EACA;E+BiDA;EACA;EACA;EACA;EACA;;;AAGF;EACE;E/B/DA;EACA;E+BgEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAbF;IAcI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;E/BzFA;EACA;E+B0FA;EACA;;;AAGF;EACE;E/BtFA;EACA;E+BuFA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;E/BjGA;EACA;E+BkGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A9BnGA;EACE;EACA;EACA;EACA;EACA;;;A8BkGJ;E9B/HE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A8B2HF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;E/BhJA;EACA;E+BiJA;;;ACxJF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAMI;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;A/BTA;EACE;EACA;EACA;EACA;EACA;;;AgC9BJ;EhCmCE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AiC3CJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;ElCjBA;EACA;EkCkBA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;ElC9CA;EACA;EkC+CA;;;AAGF;EACE;EACA;EACA;EACA;ElCvDA;EACA;;ACuBA;EACE;EACA;EACA;EACA;EACA;;;AkC5BJ;EACE;EACA;;;AAGF;EnCDE;EACA;EmCEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAKF;EnCbA;EACA;EOMA;EACA;EACA;EACA;;A4BOA;EnCjBA;EACA;EOcA;EACA;EACA;EACA;E4BCE;EACA;;AAGF;EnCjCA;EACA;EOAA,W4BiCmC;E5BhCnC,a4BgCyD;E5B/BzD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;AkCOA;EACE;;;AAKN;EACE;;;AAIA;EnCrCA;EACA;EOMA;EACA;EACA;EACA;;A4B+BA;EnCzCA;EACA;EOcA;EACA;EACA;EACA;E4ByBE;;AAGF;EnCxDA;EACA;EOAA,W4BwDmC;E5BvDnC,a4BuDyD;E5BtDzD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;;AkCgCJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EnCzFE;EACA;ECyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AkC2BA;ElC5EA;EACA;EACA;EACA;EACA;;;AkC6EF;EACE;EACA;;;AAMF;EnCzGE;EACA;EmC0GA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EnCtHE;EACA;EmCuHA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EnChIE;EACA;ECyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkCiEA;EACA;EACA;;AAEA;ElCtHA;EACA;EACA;EACA;EACA;;;AkCuHF;EnCjIE;EACA;EmCkIA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EnC7KA;EACA;EmC8KA;EACA;EACA;;AlCnKA;EACE;EACA;EACA;EACA;EACA;;;AkCkKJ;EnC/LE;EACA;EmCgMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AC1MF;EpCFE;EACA;EOAA,WAF6B;EAG7B,aAHgD;EAIhD;EACA;EPMA;EACA;;AOLA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;;AmCrBF;EpCRA;EACA;EOAA,WAF6B;EAG7B,aAHgD;EAIhD;EACA;;AAEA;EPIA;EACA;EOHE;EACA;;ANeF;EACE;EACA;EACA;EACA;EACA;;;AoC9BJ;EACE;;;AAGF;EACE;;;AAGF;ErCFE;EACA;EqCGA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;ErCpBE;EACA;EqCqBA;EACA;EACA;EACA;EACA;;ApCFA;EACE;EACA;EACA;EACA;EACA;;;AoCIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EpCjCE;EACA;EACA;EACA;EACA;;;AqCrBF;EtCME;EACA;EsCLA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EtCtDE;EACA;EsCuDA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;ErCrDE;EACA;EACA;EACA;EACA;;;AqCsDF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;ErCvEE;EACA;EACA;EACA;EACA;;;AqCwEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;ErC5FE;EACA;EACA;EACA;EACA;;;AsCrBF;EACE;EACA;AAEA;EACA;;AAEA;EAPF;IAQI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAjBF;IAkBI;;;;AAIJ;EACE;;;AAGF;EvChCE;EACA;EuCiCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EtCpBE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AsCgBJ;EvCrDE;EACA;EuCsDA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EvC3DE;EACA;EuC4DA;EACA;EACA;;;AAGF;EACE;;AAEA;EvC/EA;EACA;EuCgFE;EACA;EACA;EACA;EACA;;AtC7DF;EACE;EACA;EACA;EACA;EACA","file":"main.css"}
\ No newline at end of file
diff --git a/src/_fonts/AtomicMarker.woff2 b/src/_fonts/AtomicMarker.woff2
deleted file mode 100644
index e257ac7e..00000000
Binary files a/src/_fonts/AtomicMarker.woff2 and /dev/null differ
diff --git a/src/_fonts/AtomicMarkerExtras.woff2 b/src/_fonts/AtomicMarkerExtras.woff2
deleted file mode 100644
index 0ac2615a..00000000
Binary files a/src/_fonts/AtomicMarkerExtras.woff2 and /dev/null differ
diff --git a/src/_fonts/AtomicMarkerExtrasTwo.woff2 b/src/_fonts/AtomicMarkerExtrasTwo.woff2
deleted file mode 100644
index 66c63b51..00000000
Binary files a/src/_fonts/AtomicMarkerExtrasTwo.woff2 and /dev/null differ
diff --git a/src/_fonts/Rubik-Variable.woff2 b/src/_fonts/Rubik-Variable.woff2
deleted file mode 100644
index 4ff83bc1..00000000
Binary files a/src/_fonts/Rubik-Variable.woff2 and /dev/null differ
diff --git a/src/_public/img/brush-dark.svg b/src/_public/img/brush-dark.svg
new file mode 100644
index 00000000..9e7c3581
--- /dev/null
+++ b/src/_public/img/brush-dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/_public/img/brush-light.svg b/src/_public/img/brush-light.svg
new file mode 100644
index 00000000..de49b045
--- /dev/null
+++ b/src/_public/img/brush-light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/_sass/_404.scss b/src/_sass/_404.scss
index 0d35e079..154ada58 100644
--- a/src/_sass/_404.scss
+++ b/src/_sass/_404.scss
@@ -18,7 +18,7 @@
}
.fourohfour__title {
- @include font_atomic;
+ margin-top: 2rem;
color: var(--color-body);
}
@@ -32,8 +32,7 @@
}
.fourohfour__img {
- box-shadow: 0px 1.5rem 2rem -1rem rgba(0, 0, 0, 0.4),
- inset 0px 1px 0px rgba(255, 255, 255, 0.48);
+ box-shadow: 0px 1.5rem 2rem -1rem rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.48);
border-radius: calc(var(--border-radius-base) * 2);
width: 100%;
margin: auto;
diff --git a/src/_sass/_font.scss b/src/_sass/_font.scss
index 671a3b50..19480dd2 100644
--- a/src/_sass/_font.scss
+++ b/src/_sass/_font.scss
@@ -1,40 +1,3 @@
-@font-face {
- font-family: "Rubik";
- font-weight: 400 900; /* safe weight range */
- src: url("/fonts/Rubik-Variable.woff2") format("woff2-variations"),
- url("/fonts/Rubik-Variable.woff2") format("woff2");
- font-style: normal;
- font-stretch: normal;
- font-display: swap;
-}
-
-@font-face {
- font-family: "Atomic Marker";
- src: url("/fonts/AtomicMarker.woff2") format("woff2");
- font-weight: normal;
- font-style: normal;
- font-stretch: normal;
- font-display: block;
-}
-
-@font-face {
- font-family: "Atomic Marker Extras";
- src: url("/fonts/AtomicMarkerExtras.woff2") format("woff2");
- font-weight: normal;
- font-style: normal;
- font-stretch: normal;
- font-display: block;
-}
-
-@font-face {
- font-family: "Atomic Marker Extras Two";
- src: url("/fonts/AtomicMarkerExtrasTwo.woff2") format("woff2");
- font-weight: normal;
- font-style: normal;
- font-stretch: normal;
- font-display: block;
-}
-
@mixin font_main {
font-weight: var(--font-weight-main);
font-family: var(--font-family-main);
@@ -49,21 +12,3 @@
font-weight: var(--font-weight-mid);
font-family: var(--font-family-main);
}
-
-@mixin font_atomic {
- font-weight: normal;
- font-style: normal;
- font-family: "Atomic Marker";
-}
-
-@mixin font_atomic_extras {
- font-weight: normal;
- font-style: normal;
- font-family: "Atomic Marker Extras";
-}
-
-@mixin font_atomic_extras_two {
- font-weight: normal;
- font-style: normal;
- font-family: "Atomic Marker Extras Two";
-}
diff --git a/src/_sass/_newsletter-signup.scss b/src/_sass/_newsletter-signup.scss
index a5982856..4b8f7bd8 100644
--- a/src/_sass/_newsletter-signup.scss
+++ b/src/_sass/_newsletter-signup.scss
@@ -14,8 +14,8 @@
margin-bottom: 0.5rem;
span {
- font-family: "Atomic Marker";
color: var(--orange);
+ font-style: italic;
}
}
@@ -39,7 +39,8 @@
border-radius: var(--border-radius-base);
width: 100%;
color: var(--white);
- font-family: "Atomic Marker";
+ font-weight: bold;
+ text-transform: uppercase;
font-size: 1.5rem;
text-align: center;
text-decoration: none;
diff --git a/src/_sass/_post.scss b/src/_sass/_post.scss
index 71dfb8dd..fc244123 100644
--- a/src/_sass/_post.scss
+++ b/src/_sass/_post.scss
@@ -205,7 +205,7 @@
.post__blockquote:before {
content: '"';
- @include font_atomic;
+ font-style: italic;
color: var(--orange);
font-size: 10rem;
line-height: 0;
@@ -325,7 +325,7 @@
.post__calloutContent blockquote:before {
content: '"';
- @include font_atomic;
+ font-style: italic;
color: var(--orange);
font-size: 10rem;
line-height: 0;
diff --git a/src/_sass/_reset.scss b/src/_sass/_reset.scss
index 6915f145..cf104ee8 100644
--- a/src/_sass/_reset.scss
+++ b/src/_sass/_reset.scss
@@ -48,15 +48,6 @@ body {
}
}
-@keyframes fadeInBrush {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 50%;
- }
-}
-
main {
margin: 6rem auto auto auto;
max-width: var(--global-max-width);
@@ -66,18 +57,16 @@ main {
}
&:before {
- animation: fadeInBrush 0.42s ease-in-out;
- @include font_atomic_extras_two;
- content: "M" / "";
- color: var(--color-brush-bg);
+ content: "";
+ background-image: var(--bg-brush);
+ background-repeat: no-repeat;
+ background-size: cover;
position: fixed;
z-index: -1;
opacity: 50%;
+ height: 100%;
+ width: 100%;
mix-blend-mode: overlay;
- font-size: 1000px;
- line-height: 1;
- right: -10%;
- top: 5%;
}
&:after {
@@ -95,13 +84,3 @@ main {
z-index: -1;
}
}
-
-[data-type="about"],
-[data-type="uses"],
-[data-type="post"] {
- main:before {
- content: "Q" / "";
- top: 20%;
- right: -20%;
- }
-}
diff --git a/src/_sass/_root.scss b/src/_sass/_root.scss
index ba9f1350..1bd89b01 100644
--- a/src/_sass/_root.scss
+++ b/src/_sass/_root.scss
@@ -21,10 +21,11 @@ $global_md_breakpoint: 768px;
--body-horizontal-padding-sm: 1rem;
--body-horizontal-padding-lg: 2.5rem;
- --font-family-main: "Rubik", Arial, sans-serif;
+ /* https://modernfontstacks.com/ */
+ --font-family-main: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
- --font-weight-bold: 800;
- --font-weight-mid: 600;
+ --font-weight-bold: 700;
+ --font-weight-mid: 700;
--font-weight-main: 400;
--border-radius-base: 0.375rem;
@@ -45,6 +46,7 @@ $global_md_breakpoint: 768px;
color-scheme: dark;
--page-bg: radial-gradient(farthest-corner at 100% 100%, var(--black-alt) 0%, var(--black) 50%);
--whitep4nth3r-bg-svg: url("/img/whitep4nth3r-darkmode.svg");
+ --bg-brush: url("/img/brush-dark.svg");
--color-bg: var(--black);
--color-fg: var(--white);
@@ -60,6 +62,7 @@ $global_md_breakpoint: 768px;
color-scheme: light;
--page-bg: radial-gradient(farthest-corner at 100% 100%, var(--white-alt) 0%, var(--white) 50%);
--whitep4nth3r-bg-svg: url("/img/whitep4nth3r-lightmode.svg");
+ --bg-brush: url("/img/brush-light.svg");
--color-bg: var(--white);
--color-fg: var(--black);
diff --git a/src/_sass/_webring.scss b/src/_sass/_webring.scss
index ee86aaff..9e221134 100644
--- a/src/_sass/_webring.scss
+++ b/src/_sass/_webring.scss
@@ -6,7 +6,7 @@
margin-bottom: 0.5rem;
span {
- font-family: "Atomic Marker";
+ font-style: italic;
color: var(--orange);
}
}
@@ -98,7 +98,8 @@
border-radius: var(--border-radius-base);
width: 100%;
color: var(--black);
- font-family: "Atomic Marker";
+ font-weight: bold;
+ text-transform: uppercase;
font-size: 1.5rem;
text-align: center;
text-decoration: none;