@keyframes article-module-scss-module__i7mUfa__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes article-module-scss-module__i7mUfa__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes article-module-scss-module__i7mUfa__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes article-module-scss-module__i7mUfa__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes article-module-scss-module__i7mUfa__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes article-module-scss-module__i7mUfa__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes article-module-scss-module__i7mUfa__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes article-module-scss-module__i7mUfa__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes article-module-scss-module__i7mUfa__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes article-module-scss-module__i7mUfa__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes article-module-scss-module__i7mUfa__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.article-module-scss-module__i7mUfa__animation{height:100%;display:block}.article-module-scss-module__i7mUfa__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate article-module-scss-module__i7mUfa__cycle-border-color}.article-module-scss-module__i7mUfa__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate article-module-scss-module__i7mUfa__cycle-colour}.article-module-scss-module__i7mUfa__button{color:var(--spooky-green);margin:1rem 0;padding:5px;font-family:spooky;font-size:2rem}.article-module-scss-module__i7mUfa__headers{font-family:spooky;font-weight:400}.article-module-scss-module__i7mUfa__headers h1,.article-module-scss-module__i7mUfa__headers h2,.article-module-scss-module__i7mUfa__headers h3{letter-spacing:5px;font-family:spooky;font-weight:400}.article-module-scss-module__i7mUfa__divider{border:2px solid var(--spooky-orange);margin:2rem 0}.article-module-scss-module__i7mUfa__container{box-sizing:border-box;width:100%;height:100vh}.article-module-scss-module__i7mUfa__color--green{color:var(--spooky-green)}.article-module-scss-module__i7mUfa__color-background--green{background-color:var(--spooky-green)}.article-module-scss-module__i7mUfa__color--purple{color:var(--spooky-purple)}.article-module-scss-module__i7mUfa__color-background--purple{background-color:var(--spooky-purple)}.article-module-scss-module__i7mUfa__color--dark-purple{color:var(--spooky-dark-purple)}.article-module-scss-module__i7mUfa__color-background--dark-purple{background-color:var(--spooky-dark-purple)}.article-module-scss-module__i7mUfa__color--orange{color:var(--spooky-orange)}.article-module-scss-module__i7mUfa__color-background--orange{background-color:var(--spooky-orange)}.article-module-scss-module__i7mUfa__color--light-orange{color:var(--spooky-light-orange)}.article-module-scss-module__i7mUfa__color-background--light-orange{background-color:var(--spooky-light-orange)}.article-module-scss-module__i7mUfa__spaced{letter-spacing:.25rem}.article-module-scss-module__i7mUfa__emojiContainer{color:#1f1f22;flex-direction:column}.article-module-scss-module__i7mUfa__emojiContainer--green{background-color:var(--spooky-green);align-items:center;display:flex}@media screen and (min-width:1440px){.article-module-scss-module__i7mUfa__emojiContainer--green{flex:1}}.article-module-scss-module__i7mUfa__emojiContainer--purple{background-color:var(--spooky-purple);align-items:center;display:flex}@media screen and (min-width:1440px){.article-module-scss-module__i7mUfa__emojiContainer--purple{flex:1}}.article-module-scss-module__i7mUfa__emojiContainer--orange{background-color:var(--spooky-orange);align-items:center;display:flex}@media screen and (min-width:1440px){.article-module-scss-module__i7mUfa__emojiContainer--orange{flex:1}}.article-module-scss-module__i7mUfa__emojiContainer--light-orange{background-color:var(--spooky-light-orange);align-items:center;display:flex}@media screen and (min-width:1440px){.article-module-scss-module__i7mUfa__emojiContainer--light-orange{flex:1}}.article-module-scss-module__i7mUfa__emojiContainer span{font-size:4rem}@media screen and (min-width:0) and (max-width:800px){.article-module-scss-module__i7mUfa__emojiContainer span{font-size:3rem}}.article-module-scss-module__i7mUfa__spookyText{font-family:spooky}.article-module-scss-module__i7mUfa__hide{opacity:0;font-family:spooky;transition:all 1s}.article-module-scss-module__i7mUfa__show{opacity:100;font-family:spooky;transition:all 1s}
@keyframes EventLoopDiagram-module-scss-module__3NY4qa__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes EventLoopDiagram-module-scss-module__3NY4qa__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.EventLoopDiagram-module-scss-module__3NY4qa__animation{height:100%;display:block}.EventLoopDiagram-module-scss-module__3NY4qa__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate EventLoopDiagram-module-scss-module__3NY4qa__cycle-border-color}.EventLoopDiagram-module-scss-module__3NY4qa__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate EventLoopDiagram-module-scss-module__3NY4qa__cycle-colour}.EventLoopDiagram-module-scss-module__3NY4qa__container{text-align:left}.EventLoopDiagram-module-scss-module__3NY4qa__layout{grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;display:grid}@media screen and (min-width:0) and (max-width:800px){.EventLoopDiagram-module-scss-module__3NY4qa__layout{grid-template-columns:1fr;gap:.75rem}}.EventLoopDiagram-module-scss-module__3NY4qa__box{border-radius:6px;padding:.6rem}.EventLoopDiagram-module-scss-module__3NY4qa__boxHeader{text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.EventLoopDiagram-module-scss-module__3NY4qa__stack{background:var(--background-color-dark-one);border:1px solid var(--grey-blue)}.EventLoopDiagram-module-scss-module__3NY4qa__stackHeader{color:var(--purple)}.EventLoopDiagram-module-scss-module__3NY4qa__stackFrames{flex-direction:column-reverse;gap:.25rem;display:flex}.EventLoopDiagram-module-scss-module__3NY4qa__frame{background:color-mix(in srgb, var(--purple) 10%, transparent);border:1px solid color-mix(in srgb, var(--purple) 20%, transparent);color:var(--font-color);text-align:center;border-radius:3px;padding:.35rem .5rem;font-family:Source Code Pro,monospace;font-size:.75rem}.EventLoopDiagram-module-scss-module__3NY4qa__frameActive{background:color-mix(in srgb, var(--purple) 20%, transparent);border-color:color-mix(in srgb, var(--purple) 40%, transparent);color:var(--purple);font-weight:600}.EventLoopDiagram-module-scss-module__3NY4qa__loopConnector{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding-top:1.5rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.EventLoopDiagram-module-scss-module__3NY4qa__loopConnector{flex-direction:row;padding-top:0}}.EventLoopDiagram-module-scss-module__3NY4qa__loopLabel{text-transform:uppercase;letter-spacing:.03em;color:var(--primary-color);white-space:nowrap;font-size:.7rem;font-weight:600}.EventLoopDiagram-module-scss-module__3NY4qa__loopArrowRight,.EventLoopDiagram-module-scss-module__3NY4qa__loopArrowLeft{border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);width:8px;height:8px;display:inline-block}.EventLoopDiagram-module-scss-module__3NY4qa__loopArrowRight{transform:rotate(-45deg)}.EventLoopDiagram-module-scss-module__3NY4qa__loopArrowLeft{transform:rotate(135deg)}.EventLoopDiagram-module-scss-module__3NY4qa__queue{background:var(--background-color-dark-one);border:1px solid var(--grey-blue)}.EventLoopDiagram-module-scss-module__3NY4qa__queueHeader{color:var(--blue)}.EventLoopDiagram-module-scss-module__3NY4qa__queueItems{flex-direction:column;gap:.25rem;display:flex}.EventLoopDiagram-module-scss-module__3NY4qa__queueItem{background:color-mix(in srgb, var(--blue) 10%, transparent);border:1px solid color-mix(in srgb, var(--blue) 20%, transparent);color:var(--font-color);text-align:center;border-radius:3px;padding:.35rem .5rem;font-family:Source Code Pro,monospace;font-size:.75rem}.EventLoopDiagram-module-scss-module__3NY4qa__webApis{background:var(--background-color-dark-one);border:1px solid var(--grey-blue);grid-column:1/-1;margin-top:.25rem}.EventLoopDiagram-module-scss-module__3NY4qa__webApisHeader{color:var(--light-yellow)}.EventLoopDiagram-module-scss-module__3NY4qa__apiList{flex-wrap:wrap;gap:.3rem;display:flex}.EventLoopDiagram-module-scss-module__3NY4qa__apiTag{background:color-mix(in srgb, var(--light-yellow) 10%, transparent);border:1px solid color-mix(in srgb, var(--light-yellow) 20%, transparent);color:var(--light-yellow);border-radius:3px;padding:.25rem .5rem;font-family:Source Code Pro,monospace;font-size:.7rem}.EventLoopDiagram-module-scss-module__3NY4qa__caption{color:var(--light-grey);text-align:center;margin-top:.75rem;font-size:.75rem;font-style:italic}