@font-face{font-display:swap;font-family:Azeret Mono;font-style:italic;font-weight:400;src:url(/fonts/javascript-for-everyone/AzeretMono-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Azeret Mono;font-style:normal;font-weight:400;src:url(/fonts/javascript-for-everyone/AzeretMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cartridge;font-style:normal;font-weight:700;src:url(/fonts/javascript-for-everyone/Cartridge-Bold.woff2) format("woff2")}:root{--space-2xs:clamp(.375rem,.3414rem + .1678vw,.5rem);--space-xs:clamp(.5625rem,.5122rem + .2517vw,.75rem);--space-s:clamp(.75rem,.6829rem + .3356vw,1rem);--space-m:clamp(1.125rem,1.0243rem + .5034vw,1.5rem);--space-l:clamp(1.5rem,1.3658rem + .6711vw,2rem);--space-xl:clamp(1.875rem,1.7072rem + .8389vw,2.5rem);--space-2xl:clamp(2.625rem,2.3901rem + 1.1745vw,3.5rem);--space-3xl:clamp(4.5rem,4.0973rem + 2.0134vw,6rem);--space-4xl:clamp(5.625rem,5.1216rem + 2.5168vw,7.5rem);--space-5xl:clamp(9rem,8.1946rem + 4.0268vw,12rem);--space-2xs-xs:clamp(.375rem,.2743rem + .5034vw,.75rem);--space-xs-s:clamp(.5625rem,.4451rem + .5872vw,1rem);--space-s-m:clamp(.75rem,.5487rem + 1.0067vw,1.5rem);--space-m-l:clamp(1.125rem,.8901rem + 1.1745vw,2rem);--space-l-xl:clamp(1.5rem,1.2315rem + 1.3423vw,2.5rem);--space-xl-2xl:clamp(1.875rem,1.4388rem + 2.1812vw,3.5rem);--space-2xl-3xl:clamp(2.625rem,1.719rem + 4.5302vw,6rem);--space-3xl-4xl:clamp(4.5rem,3.6946rem + 4.0268vw,7.5rem);--space-4xl-5xl:clamp(5.625rem,3.9136rem + 8.557vw,12rem);--space-s-xl:clamp(.75rem,.2802rem + 2.349vw,2.5rem);--space-l-2xl:clamp(1.5rem,.9631rem + 2.6846vw,3.5rem);--space-s-3xl:clamp(.75rem,-.6594rem + 7.047vw,6rem);--size-step-7:clamp(3rem,1.7919rem + 6.0403vw,7.5rem);--size-step-6:clamp(2.5rem,1.8289rem + 3.3557vw,5rem);--size-step-5:clamp(2rem,1.4631rem + 2.6846vw,4rem);--size-step-4:clamp(1.75rem,1.4144rem + 1.6779vw,3rem);--size-step-3:clamp(1.5rem,1.3658rem + .6711vw,2rem);--size-step-2:clamp(1.3125rem,1.2622rem + .2517vw,1.5rem);--size-step-1:clamp(1.1875rem,1.1539rem + .1678vw,1.3125rem);--size-step-0:clamp(1.125rem,1.1082rem + .0839vw,1.1875rem);--size-step--1:1rem;--color-dark:#4a4944;--color-dark-deep:#171715;--color-dark-glare:#615f57;--color-dark-shade:#3c3a32;--color-light:#e1ddcf;--color-light-deep:#ccc8b5;--color-light-shade:#d4d1c3;--color-primary:#ed8782;--color-primary-deep:#c5070a;--color-primary-glare:#f73032;--color-primary-shade:#da5151;--code-color:currentColor;--color-selection-text:var(--color-dark);--color-selection-bg:var(--color-primary);--font-accent:revert-layer;--font-base:"Georgia Pro",Georgia,serif;--font-display:"Cartridge",futura,system-ui,sans-serif;--font-mono:"Azeret Mono",ui-monospace,monospace;--heading-font-family:var(--font-display);--kerning-loose:.5ch;--leading:1.5;--leading-micro:.85;--radius:.75em;--radius-l:2.5em;--radius-m:1.5em;--radius-s:1em;--space-regions:var(--space-4xl);--stroke:var(--stroke-weight-light) solid var(--stroke-color,currentColor);--stroke-light:var(--stroke-weight-light) solid var(--color-light);--stroke-dark:var(--stroke-weight-light) solid var(--color-dark);--stroke-medium:var(--stroke-weight-medium) dashed var(--stroke-color,currentColor);--stroke-weight-light:1px;--stroke-weight-medium:2px;--text-size-base:var(--size-step-1)}[data-user-theme=dark]{--color-dark:#171715;--color-dark-deep:#171715;--color-dark-glare:#2c2c27;--color-dark-shade:#171715;--color-light:#bcb8ab;--color-light-deep:#aca998;--color-light-shade:#c0beb2;--color-primary:#e5645e;--color-primary-deep:#890608;--color-primary-glare:#f73032;--color-primary-shade:#da5151}body{--course-lander-bg:var(--color-dark);--course-lander-link-decoration-color:var(--color-primary-deep);--course-lander-link-decoration-style:dashed;--course-lander-color:var(--color-dark);--course-lander-texture:url(/images/course-landers/javascript-for-everyone/texture-light.svg);--course-lander-texture-size:var(--space-2xs);--course-lander-wrapper-bg:var(--color-light);--badge-border:none;--badge-font-family:var(--font-mono);--badge-font-size:var(--size-step-0);--badge-kerning:var(--kerning-loose);--badge-padding:var(--space-xs) var(--space-s);--banner-bg:var(--color-primary);--banner-color:var(--color-dark-shade);--button-border-style:dashed;--button-border-width:var(--stroke-weight-medium);--button-font-family:var(--font-mono);--button-font-size:var(--size-step-0);--button-font-weight:var(--font-normal);--button-padding:var(--space-xs) var(--space-s-m);--button-radius:var(--radius-l);--button-ghost-light-bg-hover:var(--color-dark-shade);--button-ghost-light-border-color-hover:var(--color-primary);--button-ghost-light-text-hover:var(--color-light);--checkbox-stroke:2px solid var(--color-light);--checkbox-color:var(--color-light);--flow-cta-icon-svg-color:var(--color-primary);--flow-cta-icon-svg-hover-color:var(--color-primary-glare);--flow-cta-decoration:none;--flow-cta-decoration-color:currentColor;--input-stroke:1px solid var(--color-light);--label-font-family:var(--font-mono);--label-font-size:var(--size-step-0);--label-text-transform:uppercase;--label-kerning:var(--kerning-loose);--lede-font-style:normal;--course-lander-ribbon-bg:var(--color-dark);--roundel-text-fill:var(--color-dark);--block-cta-bg:var(--color-dark);--block-cta-color:var(--color-light);--block-cta-badge-color:var(--color-dark);--block-cta-flow-cta-bg:var(--color-dark-deep);--block-cta-headline-measure:26ch;--bookend-bg:var(--color-light-deep);--bookend-color:var(--color-dark);--bookend-flow-cta-bg:var(--color-dark);--bookend-flow-cta-color:var(--color-light);--bookend-flow-cta-hover-bg:var(--color-dark-shade);--bookend-flow-cta-hover-color:var(--color-light);--bookend-heading-font-size:var(--size-step-7);--bookend-heading-measure:15ch;--course-branded-header-bg:var(--color-dark);--course-branded-header-border-block-end:var(--stroke-light);--course-branded-header-border-block-start:var(--stroke-light);--course-branded-header-border-inline-end:var(--stroke-light);--course-branded-header-border-inline-start:var(--stroke-light);--course-branded-header-button-ghost-dark-border-color:var(--color-light);--course-branded-header-button-ghost-dark-text:var(--color-light);--course-branded-header-button-svg-color:var(--color-light);--course-branded-header-icon-link-border:var(--stroke-weight-medium) dashed var(--color-light);--course-branded-header-icon-link-hidden-label-bg-hover:var(--color-dark-shade);--course-branded-header-icon-link-hidden-label-color:var(--color-light);--course-branded-header-icon-link-hidden-label-color-hover:var(--color-light);--course-branded-header-icon-link-hover-border:var(--stroke-weight-medium) dashed var(--color-primary);--course-branded-header-logo-size:clamp(290px,418px,25vw);--course-branded-header-offset-border:var(--space-s-xl) solid var(--color-dark);--course-hero-badge-border:none;--course-hero-bg:transparent;--course-hero-color:var(--color-dark);--course-hero-button-font-family:var(--font-mono);--course-hero-button-font-size:var(--size-step-0);--course-hero-button-hover-svg-color:var(--color-primary);--course-hero-button-svg-height:5.5ex;--course-hero-button-text-decoration-color:var(--color-primary-deep);--course-hero-button-text-decoration-style:dashed;--course-hero-content-space-end:var(--space-2xl);--course-hero-dialog-button-font-family:var(--font-mono);--course-hero-dialog-button-font-size:var(--size-step-0);--course-hero-heading-font-size:var(--size-step-7);--course-hero-button-font-weight:var(--font-normal);--course-hero-heading-measure:14ch;--course-hero-heading-leading:var(--leading-micro);--course-hero-lede-font-family:var(--font-mono);--faq-item-padding:0;--faq-item-bg:transparent;--faq-item-color:var(--color-dark);--faq-item-font-size:var(--size-step-1);--faq-heading-font-size:var(--size-step-3);--faq-heading-text-transform:none;--faq-background-image-blend-mode:soft-light;--faq-item-space:var(--space-2xl);--headline-lede-font-size:var(--size-step-2);--headline-lede-font-style:var(--lede-font-style);--headline-heading-text-transform:uppercase;--headline-heading-measure:26ch;--headline-heading-line-height:var(--leading-micro);--linear-grid-media-border:var(--stroke-dark);--linear-grid-content-bg:transparent;--linear-grid-content-border:var(--stroke-weight-medium) dashed var(--color-dark);--linear-grid-content-color:var(--color-dark);--linear-grid-content-font-size:var(--size-step-1);--linear-grid-content-heading-font-size:var(--size-step-3);--linear-grid-content-heading-text-transform:none;--linear-grid-divider-bg:var(--color-dark);--linear-grid-ender-fill:var(--color-light);--linear-grid-ender-stroke-color:var(--color-dark);--praise-attribution-font-size:var(--size-step--1);--praise-avatar-border-color:var(--color-light);--praise-avatar-outline:1px solid var(--color-primary-deep);--praise-bg:transparent;--praise-border:2px dashed var(--color-dark);--praise-quote-font-size:var(--size-step-0);--praise-text-align:left;--praise-avatar-margin-inline:0;--praise-avatar-img-filter:grayscale(1);--product-details-font-size:var(--size-step-1);--product-details-heading-font-size:var(--size-step-3);--product-details-heading-font-weight:var(--font-normal);--product-details-heading-text-transform:none;--product-details-outlined-flow-space:var(--space-m);--product-details-outlined-item-border:2px dashed var(--color-dark);--stripe-cta-banner-bg:var(--color-light);--stripe-cta-banner-color:var(--color-dark);--stripe-cta-bg:var(--color-dark);--stripe-cta-color:var(--color-light);--stripe-cta-flow-cta-bg:var(--color-light);--stripe-cta-flow-cta-color:var(--color-dark);--user-form-header-bg:var(--color-dark);--user-form-header-border:1px solid var(--color-light);--user-form-header-border-bottom:1px solid var(--color-light);--user-form-body-bg:var(--color-dark);--user-form-body-color:var(--color-light);--user-form-body-border:1px solid var(--color-light);--user-form-header-font-size:var(--size-step-5);--user-form-header-lede-font-style:normal;--user-form-header-lede-font-size:var(--size-step-2);--user-form-header-lede-font-family:var(--font-mono);--user-form-header-lede-max-width:100%}[data-user-theme=dark]{--course-lander-texture:url(/images/course-landers/javascript-for-everyone/texture-light.svg);--course-lander-wrapper-bg:var(--color-light);--button-ghost-light-bg-hover:var(--color-dark-glare);--button-ghost-light-border-color:var(--color-light);--button-ghost-light-border-color-hover:var(--color-primary);--button-ghost-light-text:var(--color-light);--button-ghost-light-text-hover:var(--color-light);--course-lander-ribbon-bg:var(--color-dark)}.badge,.button,.course-hero .lede,.course-hero__button,.flow-cta__secondary,.headline__lede,.lede,.linear-grid__content h2,.user-form__header p,label:not(.checkbox){font-feature-settings:"ss01" 1,"ss09" 1,"ss12" 1,"ss13" 1,"ss15" 1;font-weight:var(--font-medium)}.badge{background-color:var(--color-primary);color:var(--color-dark-shade)}.banner a:not([class]),.stripe-cta a:not([class]){text-decoration-color:currentColor}.block-cta .flow-cta:not([data-flow-cta-variant=basic]){--flow-cta-vertical-padding:0;--flow-cta-horizontal-padding:0;--flow-cta-cluster-padding-inline:var(--gutter);--flow-cta-cluster-padding-block:var(--gutter);--flow-cta-secondary-font-size:var(--size-step-2);--flow-cta-secondary-font-family:var(--font-mono);--flow-cta-icon-svg-size:clamp(20px,75px,10vw);--flow-cta-icon-align-self:stretch;--flow-cta-icon-padding:var(--gutter);--flow-cta-icon-bg:var(--color-dark-shade);--flow-cta-hover-bg:var(--color-dark-shade);--flow-cta-icon-border-inline-start:1px solid var(--color-light);--flow-cta-border:1px solid var(--color-light);--flow-cta-bg:var(--color-dark)}[data-user-theme=dark] .block-cta .flow-cta:not([data-flow-cta-variant=basic]){--flow-cta-bg:var(--color-dark);--flow-cta-hover-bg:var(--color-dark-glare)}@media (max-width:30em){.block-cta{--headline-heading-font-size:var(--size-step-5)}}.closing-cta .flow-cta[data-flow-cta-variant=basic]{--flow-cta-hover-bg:var(--color-dark-shade)}@media (max-width:30em){.course-branded-header{--button-font-size:.9rem}}.flow-cta:not([data-flow-cta-variant=basic]){--flow-cta-vertical-padding:0;--flow-cta-horizontal-padding:0;--flow-cta-cluster-padding-inline:var(--gutter);--flow-cta-cluster-padding-block:var(--gutter);--flow-cta-secondary-font-size:var(--size-step-2);--flow-cta-secondary-font-family:var(--font-mono);--flow-cta-icon-svg-size:clamp(20px,75px,10vw);--flow-cta-icon-align-self:stretch;--flow-cta-icon-padding:var(--gutter);--flow-cta-icon-bg:var(--color-dark-shade);--flow-cta-hover-bg:var(--color-dark-shade);--flow-cta-icon-border-inline-start:1px solid var(--color-light);--flow-cta-border:1px solid var(--color-light)}.flow-cta:not([data-flow-cta-variant=basic]) .cluster{align-self:center}.flow-cta:not([data-flow-cta-variant=basic]) svg{--flow-cta-icon-svg-optical-adjustment:0}.flow-cta:not([data-flow-cta-variant=basic]) .flow-cta__icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.flow-cta[data-flow-cta-variant=basic]{--flow-cta-basic-vertical-padding:var(--space-xs);--flow-cta-basic-horizontal-padding:var(--space-l);--flow-cta-radius:var(--radius-l)}.flow-cta[data-flow-cta-variant=basic] .flow-cta__inner{align-items:baseline}@media (max-width:30em){.flow-cta[data-flow-cta-variant=basic]{font-size:var(--size-step-1)}}.headline__lede,.lede{font-family:var(--font-mono)}.praise-group:not([data-praise-group-variant=micro]):nth-child(2n) .praise{align-self:flex-start}.praise-group:not([data-praise-group-variant=micro]):nth-child(odd) .praise{align-self:flex-end}.profile__media{clip-path:polygon(86% 0,100% 14%,100% 100%,18% 100%,18% 86%,0 74%,0 0)}