@font-face {
	font-display:swap;font-family:Alaska;src:url(../fonts/alaska.ttf) format("truetype")
}

:root {
	--section-spacing: 3.5rem;
	--clr-primary-100: #ff9999;
	--clr-primary-200: #ff6666;
	--clr-primary-300: #ff3333;
	--clr-primary-400: #db0000;
	--clr-primary-500: #660000;
	--clr-article-100: #9fbef9;
	--clr-article-200: #6e9ef7;
	--clr-article-300: #3e7ef4;
	--clr-article-400: #255b98;
	--clr-article-500: #062560;
	--clr-youtube-100: #2173de;
	--clr-youtube-200: #7091f5;
	--clr-youtube-300: #3e8df4;
	--clr-youtube-400: #0e4cdd;
	--clr-youtube-500: #080660;
	--clr-resource-100: #e3b5db;
	--clr-resource-200: #d68fc9;
	--clr-resource-300: #ba45a5;
	--clr-resource-400: #7b2d6d;
	--clr-resource-500: #381531;
	--clr-course-100: #80e5de;
	--clr-course-200: #56dcd3;
	--clr-course-300: #23a9a0;
	--clr-course-400: #1a7f78;
	--clr-course-500: #115550;
	--clr-neutral-100: #fff;
	--clr-neutral-200: #dedede;
	--clr-neutral-300: #ccc;
	--clr-neutral-700: #666;
	--clr-neutral-800: #4d4d4d;
	--clr-neutral-900: #262626;
	--fs-300: 1rem;
	--fs-400: 1.125rem;
	--fs-500: 1.563rem;
	--fs-600: 1.953rem;
	--fs-700: 2.441rem;
	--fs-800: 3.052rem
}

@media only screen and (min-width:65em) {
:root {
	--section-spacing: 7rem
}}

@media only screen and (min-width:40em) {
:root {
	--fs-300: 1rem;
	--fs-400: 1.25rem;
	--fs-500: 2rem;
	--fs-600: 2.827rem;
	--fs-700: 4rem;
	--fs-800: 5.653rem
}}

*,:after,:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

blockquote,body,dd,dl,figure,h1,h2,h3,h4,p {
	margin: 0
}

ol[role=list],ul[role=list] {
	list-style: none
}

html {
	scroll-behavior: smooth
}

body {
	text-rendering: optimizeSpeed;
	line-height: 1.6
}

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto
}

img,picture {
	display: block;
	max-width: 100%
}

button,input,select,textarea {
	font: inherit
}

@media (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior: auto
	}

	*,:after,:before {
		-webkit-animation-duration: .01ms!important;
		animation-duration: .01ms!important;
		-webkit-animation-iteration-count: 1!important;
		animation-iteration-count: 1!important;
		scroll-behavior: auto!important;
		-webkit-transition-duration: .01ms!important;
		transition-duration: .01ms!important
	}}

* {
	font-variation-settings: "wght" var(--font-weight,375),"wdth" var(--font-width,80)
}

body {
	color: var(--clr-neutral-900);
	font-family: Alaska,sans-serif;
	font-size: var(--fs-400);
	letter-spacing: -.5px
}

h1,h2,h3,h4 {
	--font-weight: 700;
	--font-width: 80;
	color: var(--clr-neutral-800);
	font-stretch: 100%;
	font-weight: 400;
	line-height: 1.1
}

h1 {
	--font-weight: 900;
	color: var(--clr,var(--clr-primary-400))
}

.title {
	font-size: clamp(var(--fs-600),1rem + 5vw,5rem)
}

.article-snippet-title {
	--font-weight: 600
}

time+p {
	font-size: 1.25em;
	margin: 2em 0 1em!important
}

.h1,h1 {
	font-size: --fs-800
}

.h2,h2 {
	font-size: --fs-700
}

.h2,.h3,h2,h3 {
	--flow-spacer: 1.5em
}

.h3,h3 {
	font-size: --fs-600
}

.h4,h4 {
	font-size: --fs-500
}

.text-small,small {
	font-size: var(--fs-300)
}

strong {
	--font-weight: 500;
	font-weight: 400
}

a {
	color: var(--clr,var(--clr-primary-400))
}

a:focus,a:hover {
	color: var(--clr-primary-400);
	text-decoration: none
}

li:not([class]),p:not([class]),ul:not([class]) {
	max-width: 60ch
}

body {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh
}

.text-primary-100 {
	color: var(--clr-primary-100)!important
}

.bg-primary-100 {
	background-color: var(--clr-primary-100)!important
}

.text-primary-200 {
	color: var(--clr-primary-200)!important
}

.bg-primary-200 {
	background-color: var(--clr-primary-200)!important
}

.text-primary-300 {
	color: var(--clr-primary-300)!important
}

.bg-primary-300 {
	background-color: var(--clr-primary-300)!important
}

.text-primary-400 {
	color: var(--clr-primary-400)!important
}

.bg-primary-400 {
	background-color: var(--clr-primary-400)!important
}

.text-primary-500 {
	color: var(--clr-primary-500)!important
}

.bg-primary-500 {
	background-color: var(--clr-primary-500)!important
}

.text-article-100 {
	color: var(--clr-article-100)!important
}

.bg-article-100 {
	background-color: var(--clr-article-100)!important
}

.text-article-200 {
	color: var(--clr-article-200)!important
}

.bg-article-200 {
	background-color: var(--clr-article-200)!important
}

.text-article-300 {
	color: var(--clr-article-300)!important
}

.bg-article-300 {
	background-color: var(--clr-article-300)!important
}

.text-article-400 {
	color: var(--clr-article-400)!important
}

.bg-article-400 {
	background-color: var(--clr-article-400)!important
}

.text-article-500 {
	color: var(--clr-article-500)!important
}

.bg-article-500 {
	background-color: var(--clr-article-500)!important
}

.text-youtube-100 {
	color: var(--clr-youtube-100)!important
}

.bg-youtube-100 {
	background-color: var(--clr-youtube-100)!important
}

.text-youtube-200 {
	color: var(--clr-youtube-200)!important
}

.bg-youtube-200 {
	background-color: var(--clr-youtube-200)!important
}

.text-youtube-300 {
	color: var(--clr-youtube-300)!important
}

.bg-youtube-300 {
	background-color: var(--clr-youtube-300)!important
}

.text-youtube-400 {
	color: var(--clr-youtube-400)!important
}

.bg-youtube-400 {
	background-color: var(--clr-youtube-400)!important
}

.text-youtube-500 {
	color: var(--clr-youtube-500)!important
}

.bg-youtube-500 {
	background-color: var(--clr-youtube-500)!important
}

.text-resource-100 {
	color: var(--clr-resource-100)!important
}

.bg-resource-100 {
	background-color: var(--clr-resource-100)!important
}

.text-resource-200 {
	color: var(--clr-resource-200)!important
}

.bg-resource-200 {
	background-color: var(--clr-resource-200)!important
}

.text-resource-300 {
	color: var(--clr-resource-300)!important
}

.bg-resource-300 {
	background-color: var(--clr-resource-300)!important
}

.text-resource-400 {
	color: var(--clr-resource-400)!important
}

.bg-resource-400 {
	background-color: var(--clr-resource-400)!important
}

.text-resource-500 {
	color: var(--clr-resource-500)!important
}

.bg-resource-500 {
	background-color: var(--clr-resource-500)!important
}

.text-course-100 {
	color: var(--clr-course-100)!important
}

.bg-course-100 {
	background-color: var(--clr-course-100)!important
}

.text-course-200 {
	color: var(--clr-course-200)!important
}

.bg-course-200 {
	background-color: var(--clr-course-200)!important
}

.text-course-300 {
	color: var(--clr-course-300)!important
}

.bg-course-300 {
	background-color: var(--clr-course-300)!important
}

.text-course-400 {
	color: var(--clr-course-400)!important
}

.bg-course-400 {
	background-color: var(--clr-course-400)!important
}

.text-course-500 {
	color: var(--clr-course-500)!important
}

.bg-course-500 {
	background-color: var(--clr-course-500)!important
}

.text-neutral-100 {
	color: var(--clr-neutral-100)!important
}

.bg-neutral-100 {
	background-color: var(--clr-neutral-100)!important
}

.text-neutral-200 {
	color: var(--clr-neutral-200)!important
}

.bg-neutral-200 {
	background-color: var(--clr-neutral-200)!important
}

.text-neutral-300 {
	color: var(--clr-neutral-300)!important
}

.bg-neutral-300 {
	background-color: var(--clr-neutral-300)!important
}

.text-neutral-700 {
	color: var(--clr-neutral-700)!important
}

.bg-neutral-700 {
	background-color: var(--clr-neutral-700)!important
}

.text-neutral-800 {
	color: var(--clr-neutral-800)!important
}

.bg-neutral-800 {
	background-color: var(--clr-neutral-800)!important
}

.text-neutral-900 {
	color: var(--clr-neutral-900)!important
}

.bg-neutral-900 {
	background-color: var(--clr-neutral-900)!important
}

.primary {
	--clr: var(--clr-primary-400)
}

.youtube {
	--clr: var(--clr-youtube-400)
}

.article {
	--clr: var(--clr-article-400)
}

.course {
	--clr: var(--clr-course-400)
}

.resource {
	--clr: var(--clr-resource-400)
}

.container {
	margin: 0 auto;
	max-width: 62.5rem;
	padding: 0 1.5rem
}

.flow>*+* {
	margin-top: var(--flow-spacer,.75em)
}

.sr-only {
	clip: rect(1px,1px,1px,1px)!important;
	border: 0!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	white-space: nowrap!important;
	width: 1px!important
}

.screenreader-text {
	height: 1px;
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px
}

.screenreader-text:focus {
	display: inline-block;
	height: auto;
	margin: auto;
	position: static;
	width: auto
}

.primary-nav {
	--font-weight: 600;
	--font-width: 80;
	background: #fff;
	-webkit-box-shadow: 0 0 2em rgba(0,0,0,.1);
	box-shadow: 0 0 2em rgba(0,0,0,.1);
	margin-bottom: var(--fs-800);
	padding: 2rem 0
}

.primary-nav ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: var(--fs-300);
	justify-content: center;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

.primary-nav ul>* {
	margin: 0 .5em;
	padding: .5em
}

.primary-nav li:first-child {
	--clr: var(--clr-primary-400)
}

.primary-nav li:nth-child(2) {
	--clr: var(--clr-article-400)
}

.primary-nav li:nth-child(3) {
	--clr: var(--clr-youtube-400)
}

.primary-nav li:nth-child(4) {
	--clr: var(--clr-course-400)
}

.primary-nav li:nth-child(5) {
	--clr: var(--clr-resource-400)
}

.primary-nav li.active a {
	text-decoration-thickness: .25em
}

.primary-nav a {
	color: var(--clr,var(--clr-primary-400));
	text-decoration-thickness: .125em;
	text-underline-offset: .25em
}

.primary-nav a:focus,.primary-nav a:hover {
	color: var(--clr-neutral-900)
}

.article-snippet-title {
	--font-weight: 750;
	font-size: var(--fs-600)
}

.article-snippet:first-of-type {
	margin-top: 5rem
}

.article-snippet:not(:last-child) {
	position: relative
}

.article-snippet:not(:last-child):after {
	border-bottom: 1px solid var(--clr-neutral-300);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	margin: 6rem 0;
	position: relative;
	right: 0;
	top: 0;
	width: 100%
}

time {
	--font-weight: 700;
	color: var(--clr-neutral-700);
	font-size: .8em
}

.button,time {
	text-transform: uppercase
}

.button {
	--font-weight: 500;
	background-color: var(--clr,var(--clr-primary-400));
	border: 0;
	border-radius: 100vw;
	-webkit-box-shadow: 0 .125em .5em rgba(0,0,0,.15);
	box-shadow: 0 .125em .5em rgba(0,0,0,.15);
	color: var(--clr-neutral-100);
	cursor: pointer;
	display: inline-block;
	font-size: var(--fs-300);
	letter-spacing: .04em;
	line-height: 1;
	padding: .95em 1.75em .85em;
	position: relative;
	text-decoration: none;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease,-webkit-transform .2s ease
}

.button:before {
	background: #000;
	border-radius: inherit;
	bottom: 0;
	-webkit-box-shadow: 0 .5em 1.25em #000;
	box-shadow: 0 .5em 1.25em #000;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	z-index: -1
}

.button:focus,.button:hover {
	color: var(--clr-neutral-100);
	-webkit-transform: scale(1.05) translateY(-.125em);
	transform: scale(1.05) translateY(-.125em)
}

.button:focus:before,.button:hover:before {
	opacity: .3
}

.button[data-reverse=true] {
	background-color: var(--clr-neutral-100);
	color: var(--clr,var(--clr-primary-400))
}

.label {
	--font-weight: 350;
	color: var(--clr-neutral-800);
	display: inline-block;
	font-size: var(--fs-300);
	margin-right: .25em;
	margin-top: 0;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.label+.label:before {
	border-left: 2px solid var(--clr-neutral-800);
	content: "";
	display: inline-block;
	height: 1.25ex;
	opacity: .25;
	padding-left: .25em
}

pre {
	border-radius: .25em
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 1rem 0;
	max-width: 25rem;
	padding: 0;
	width: 100%
}

.pagination a {
	color: var(--clr-neutral-800)
}

.pagination a:focus,.pagination a:hover {
	color: var(--clr-primary-400);
	text-decoration: none
}

.current-page {
	--font-weight: 750;
	background-color: var(--clr);
	border-radius: 100%;
	color: var(--clr-neutral-100)!important;
	display: grid;
	height: 2.5ch;
	place-items: center;
	pointer-events: none;
	text-decoration: none;
	width: 2.5ch
}

.cta {
	background: var(--clr-neutral-200);
	margin:2rem 0;padding:2rem}@media only screen and (min-width:40em){.cta{margin:4rem 0;padding:4rem}}.cta__grid{display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(15rem,20rem));margin-bottom:1rem}.cta input{font-size:.9em;padding:.35em .75em .25em;width:100%}.cta label{--font-weight:700}.cta__fine-print,.cta label{font-size:.8em}.formkit-checkboxes{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.5em 0}input.formkit-checkbox{width:-webkit-max-content;width:-moz-max-content;width:max-content}body::-webkit-scrollbar{width:1rem}body::-webkit-scrollbar-track{background:var(--clr-neutral-300)}body::-webkit-scrollbar-thumb{background-color:var(--clr-neutral-900)}iframe{aspect-ratio:16/9;height:100%;max-width:100%}.hero{display:grid;gap:1em;grid-template-areas:"heading" "image" "paragraph";margin-bottom:var(--section-spacing);position:relative}@media only screen and (min-width:40em){.hero{grid-template-areas:"image heading" "paragraph paragraph"}}@media only screen and (min-width:65em){.hero{grid-template-areas:"image heading" "image paragraph"}}.hero__title{color:var(--clr-neutral-100);font-size:var(--fs-600);grid-area:heading;padding:.5rem 0}.hero__paragraph{grid-area:paragraph}.hero picture{align-self:start;background:#fff;border:.5em solid #fff;border-radius:.5em;-webkit-box-shadow:0 .5em 1em rgba(0,0,0,.15);box-shadow:0 .5em 1em rgba(0,0,0,.15);grid-area:image;overflow:hidden}.hero picture>img{border-radius:.25em;height:100%;max-height:inherit;max-width:inherit;min-width:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:inherit}@media only screen and (min-width:40em){.hero picture{height:100%;max-height:25rem;max-width:17.5rem;min-width:15rem;width:25vw}}.hero:before{background-color:var(--clr-primary-400);background-image:linear-gradient(145deg,var(--clr-youtube-400),var(--clr-primary-300));border-radius:1em;bottom:-.5em;content:"";grid-row:1/2;left:-.5em;position:absolute;right:-.5em;top:-.5em;z-index:-1}.home-section{padding:var(--section-spacing) 0}.home-section header{text-align:right;width:-webkit-max-content;width:-moz-max-content;width:max-content}.home-section h2{color:var(--clr);font-size:var(--fs-700);line-height:.8}.home-section h2+p{--font-weight:300;border-radius:.4em;color:var(--clr-neutral-700);font-size:.85em;margin-bottom:2em;margin-top:0}.home-section.youtube{background-image:url(../img/youtube.svg),linear-gradient(120deg,var(--clr-neutral-100),var(--clr-youtube-100));background-position:50%,0 0;background-repeat:no-repeat;background-size:55rem,400%}.home-section.course{background-color:var(--clr-course-400);background-image:linear-gradient(120deg,var(--clr-article-400),var(--clr-course-400));color:var(--clr-neutral-100)}.home-section.course a:not([class]){color:#fff}.course-grid{-webkit-box-align:start;-ms-flex-align:start;align-items:start;display:grid;gap:2rem;grid-template-rows:masonry;margin:6rem calc(30% - 30vw);padding:0 1rem}@media (min-width:27em){.course-grid{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}.course-card{border-radius:.5em;-webkit-box-shadow:0 .25em 1em rgba(0,0,0,.1);box-shadow:0 .25em 1em rgba(0,0,0,.1);padding:2em}.course-card h2 a{color:var(--clr-neutral-800);text-decoration:none}.course-card h2 a:focus,.course-card h2 a:hover{color:var(--clr-course-400)}.course-card p:not([class]){--font-width:65;font-size:.925em}.resource :target{border-bottom:.25em solid var(--clr);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.primary-footer{background-color:var(--clr-neutral-200);color:var(--clr-neutral-800);font-size:var(--fs-300);margin-top:10rem;padding:3rem;text-align:center}.primary-footer p{margin-left:auto;margin-right:auto}.primary-footer ul{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:0 0 2rem;padding:0}.primary-footer li+li{margin-left:1rem}.primary-footer a{--font-weight:750;--font-width:50;color:inherit}.primary-footer a:focus,.primary-footer a:hover{color:var(--clr-primary-400);text-decoration:none}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}