-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
1 lines (1 loc) · 65 KB
/
404.html
File metadata and controls
1 lines (1 loc) · 65 KB
1
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/5.3b49a56472896feeb933.css">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}code,pre{font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif}code,pre,strong{font-weight:600}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#212424;color:#e1e1e1;padding:0;-webkit-font-feature-settings:"liga" 0;font-feature-settings:"liga" 0;line-height:1.7;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:300}@media screen and (max-width:399px){body{font-size:13px}}@media screen and (min-width:1000px){body{font-size:17px;min-height:100vh}}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;margin:0 0 20px}ol,p,ul{margin:0 0 20px}@media screen and (max-width:399px){ol,p,ul{line-height:1.6}}@media screen and (min-width:400px){ol,p,ul{line-height:1.8}}a{text-decoration:none;font-weight:600}@media screen and (max-width:399px){a,a:active,a:focus,a:link,a:visited{color:#41c7c7}}@media screen and (min-width:400px){a,a:active,a:focus,a:link,a:visited{color:#41c7c7}}a:hover{position:relative;text-decoration:underline}a.button:hover,a.resp-sharing-button__link:hover{-webkit-animation:none;animation:none}.conclusion__byline{text-align:right;display:block;font-weight:600}.note{color:#8c8c8c}.results-container{pointer-events:none}.results-container>div{pointer-events:all}.pagelayout__header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;justify-content:space-between}.pagelayout__spacer{height:5px;flex:1 1;border-top:1px solid #788080;border-bottom:1px dashed #788080}.pagelayout__logo{position:relative;left:-5px;font-size:.8rem;width:100%}.pagelayout__logo svg{display:block;width:100%}.pagelayout__inner{min-height:100vh}@media screen and (min-width:1000px){.pagelayout__inner{display:grid;grid-template-columns:270px 1fr}}.pagelayout__content{display:flex;flex-direction:column}.pagelayout__main{flex-grow:1}@media screen and (max-width:999px){.pagelayout__main{padding:20px 20px 80px}}@media screen and (min-width:1000px){.pagelayout__main{padding:60px 60px 140px}}@media screen and (max-width:399px){.section{margin-bottom:40px}}@media screen and (min-width:400px) and (max-width:999px){.section{margin-bottom:80px}}@media screen and (min-width:1000px){.section{margin-bottom:80px}}@media screen and (min-width:1000px){.section .section-inner{display:flex;justify-content:flex-end;position:relative}}.section .section-title{border-bottom:1px solid #788080;padding-bottom:3px;margin:0 0 40px}@media screen and (max-width:399px){.section .section-title{font-size:1rem}}@media screen and (min-width:400px){.section .section-title{font-size:1.1rem}}.section .section-title span{display:block;padding-bottom:10px;border-bottom:1px solid #788080}.section-layout-b{display:block}@media screen and (min-width:1000px){.section-contents{width:40%}}@media screen and (min-width:1000px){.section-narrow{margin-left:320px;margin-right:320px}}.section-narrow .section-contents-wide{padding:0}@media screen and (min-width:1000px){.section-contents-wide{padding:0 180px}}@media screen and (max-width:999px){.sticky-container{margin-bottom:20px}}@media screen and (min-width:1000px){.sticky-container{width:55%;margin-right:5%}}.chart h2{margin-top:0}.section-block{margin-bottom:60px}.section-block h3{text-align:center}.section-border{border:1px solid #788080;position:relative}@media screen and (max-width:399px){.section-border{padding:20px 20px 40px}}@media screen and (min-width:400px) and (max-width:999px){.section-border{padding:20px 20px 40px}}@media screen and (min-width:1000px){.section-border{padding:40px}}.section-border h3{margin:0;display:table;max-width:90%;background:#fffef0;padding:0 20px;position:absolute;line-height:1.4;top:-3px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Button,.button{background:none;border:1px solid #788080;padding:10px 20px;cursor:pointer;display:block;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;white-space:nowrap}@media screen and (max-width:399px){.Button,.button{font-size:.8rem}}@media screen and (min-width:400px){.Button,.button{font-size:1rem}}.Button,.button,.Button:link,.button:link,.Button:visited,.button:visited{color:#e1e1e1;text-decoration:none}.Button:hover,.button:hover{color:#fe6a6a;border-color:#fe6a6a;text-decoration:none}.Button--small,.button--small{font-size:.8rem;padding:5px 10px}.Button--small:link,.button--small:link{color:#788080}.Button--small:hover,.button--small:hover{color:#fe6a6a}.Button.large-button,.button.large-button{padding:20px;font-size:1.1rem}.Button--disabled,.button--disabled{color:#555}.ButtonGroup{position:relative;display:inline-flex;vertical-align:middle}.ButtonGroup .Button{border-left-width:0}.ButtonGroup .Button:hover{border-left-color:#788080;border-right-color:#788080}.ButtonGroup .Button:hover:first-child{border-left-color:#fe6a6a}.ButtonGroup .Button:hover:last-child{border-right-color:#fe6a6a}.ButtonGroup .Button:first-child{border-left-width:1px}.PageLayout--sidebar{overflow:hidden;height:100vh}.Sidebar{border-right:1px solid #4d4f4f;border-bottom:1px solid #4d4f4f}@media screen and (max-width:999px){.Sidebar{top:0;bottom:0;left:0;right:0;background:#212424;z-index:1000;text-align:center;overflow-y:scroll;padding:0 0 40px}.Sidebar.Sidebar--hidden{display:none}.Sidebar.Sidebar--shown{overflow:hidden;overflow-y:scroll;position:fixed}}.Sidebar__Fixed{display:flex;flex-direction:column;height:100vh;position:fixed}@media screen and (max-width:999px){.Sidebar__Fixed{width:100%}}@media screen and (min-width:1000px){.Sidebar__Fixed{width:270px}}.Sidebar__Inner{padding:30px;overflow-y:scroll;flex-grow:1;display:flex;flex-direction:column}@media screen and (max-width:399px){.Sidebar__Inner{padding-bottom:80px}}.Sidebar__Close{margin:0;padding:0;border:1px solid #4d4f4f;border-right:none;display:flex;justify-content:center;align-items:center;width:100%}.Sidebar__Close button{background:none;cursor:pointer;border:none}@media screen and (min-width:1000px){.Sidebar__Close{display:none}}.Sidebar__Close svg{stroke:#41c7c7}.nav ul{list-style-type:none;margin:0;padding:0}.nav li{margin-bottom:13.33333px}.nav-page{white-space:nowrap;font-size:1rem;margin:0}.nav-page-active{font-weight:600}.nav-page-active:before{content:"> "}.nav-page-comingsoon{opacity:.35}.nav-subpages{padding-left:20px;margin-top:10px}.nav-subpage{display:block;font-size:.9rem;font-weight:300}.nav-subpage,.nav-subpage:link,.nav-subpage:visited{color:#e1e1e1}.nav-subpage-active{font-weight:600}.nav-subpage-active:before{content:"> "}.nav-subpage--overview{border-bottom:1px dashed #4d4f4f;padding-bottom:6.66667px;margin-bottom:6.66667px}.nav-subpage--other-libraries{border-top:1px dashed #4d4f4f;padding-top:6.66667px;margin-top:6.66667px}.Logo__Wrapper{margin:0}.Logo,.Logo svg{display:block}@media screen and (max-width:999px){.Logo--desktop{display:none}}.PageLayout--anim .Logo--desktop{visibility:hidden}@media screen and (max-width:999px){.Logo--mobile{display:grid;grid-template-columns:4fr 1fr}.Logo--mobile svg{display:block;width:100%}}@media screen and (min-width:1000px){.Logo--mobile{display:none}}@media screen and (max-width:399px){.Block,.block{margin-bottom:40px}}@media screen and (min-width:400px){.Block,.block{margin-bottom:80px}}.Block:last-child,.block:last-child{margin-bottom:0}.Block__Description,.block__description{margin-bottom:40px}.Block__Description p:last-child,.block__description p:last-child{margin:0}.Block__Title{padding-bottom:10px;border-bottom:1px dashed #788080;margin-bottom:20px;display:flex;align-items:center}@media screen and (max-width:399px){.Block__Title{justify-content:space-between;overflow:hidden}}.Block__Title__Text{margin-bottom:0}@media screen and (max-width:399px){.Block__Title__Text{opacity:1;transition:all .3s ease-in}.Block__Title--open .Block__Title__Text{opacity:.2}}.capture .Block__Title__Text--short,.nocapture .Block__Title__Text--full{display:none}.Block__Title__Share{margin-left:10px}.block__content li{margin-bottom:10px}.block__content strong{color:#f3f3f3}.block--othersbar{margin-bottom:200px}.others-wrapper{display:flex}.others-wrapper .chart-wrapper{flex:1 1}.libraries__inner{display:flex}.libraries__item{position:relative}.libraries__item__link{font-size:.7rem;display:block}@media screen and (min-width:400px){.libraries__item__link.libraries__item__link--enabled{cursor:pointer;color:#41c7c7;font-weight:600}}.libraries--vertical{padding:40px 0;display:flex}.libraries--vertical .libraries__inner{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.libraries--vertical .libraries__item__link{white-space:nowrap;text-align:right}.libraries--horizontal{margin-bottom:40px}@media screen and (max-width:399px){.libraries--horizontal{padding:0 20px}}@media screen and (min-width:400px){.libraries--horizontal{padding:0 60px}}.libraries--horizontal .libraries__inner{align-items:center;justify-content:space-between}.libraries--horizontal .libraries__item{flex:1 1}.libraries--horizontal .libraries__item__link{text-align:center}.library__tooltip{color:#2e2e2e;width:240px;z-index:100;font-size:.8rem;display:block;font-weight:300}.libraries__item:hover .library__tooltip{display:block}@media screen and (max-width:399px){.libraries__item:hover .library__tooltip{display:none}}.library__tooltip .toolip__topzone{position:absolute;top:-30px;left:50%;margin-left:-20px;height:30px;width:40px;z-index:100}.library__tooltip .tooltip__inner{padding:20px;background:#f3f3f3;position:relative}.library__tooltip .tooltip__inner:after,.library__tooltip .tooltip__inner:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.library__tooltip .tooltip__inner:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:10px;margin-left:-10px}.library__tooltip .tooltip__inner:before{border-color:rgba(194,225,245,0) rgba(194,225,245,0) #788080;border-width:11px;margin-left:-11px}.library__tooltip h3{font-size:1rem;border-bottom:1px dashed #788080;padding-bottom:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;justify-content:space-between}.library__tooltip h3 .tooltip__title__stars{display:flex;justify-content:center;align-items:center;font-size:.7rem;color:#41c7c7;font-weight:300}.library__tooltip h3 .tooltip__title__stars path{fill:#41c7c7}.library__tooltip p{margin-bottom:10px}.library__tooltip h4{margin-bottom:5px}.library__tooltip ul{padding:0 0 0 20px;margin:0}.tooltip__description,.Tooltip__Link{font-weight:600}.share-wrapper{position:relative}.capture .share-wrapper{display:none}.share{display:flex;justify-content:center;align-items:center}.share-button{padding:3px 7px;font-size:.7rem;color:#788080;border-color:#788080}.share-popup{pointer-events:none;position:absolute;left:0;bottom:3px}.share__link{display:block;flex-shrink:0}.share__link:last-child{margin-right:0}.share__link svg{height:100%;width:100%}.share__link svg path{fill:#fffef0}.share__link:hover svg path{fill:#fe6a6a}.share-options .share__link{transition:all .5s cubic-bezier(.87,-.41,.19,1.44);-webkit-transform:scale(.8);transform:scale(.8);opacity:0;height:24px;width:24px}.share-popup-visible .share__link{opacity:1;pointer-events:auto}@media screen and (max-width:399px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(-760%) scale(1);transform:translateX(-760%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(-660%) scale(1);transform:translateX(-660%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(-560%) scale(1);transform:translateX(-560%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(-460%) scale(1);transform:translateX(-460%) scale(1)}}@media screen and (min-width:400px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(280%) scale(1);transform:translateX(280%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(320%) scale(1);transform:translateX(320%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(390%) scale(1);transform:translateX(390%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(460%) scale(1);transform:translateX(460%) scale(1)}}.ShareSite .share__link{border-right:1px solid #4d4f4f;flex-grow:1;text-align:center;padding:22px 6.66667px}.ShareSite .share__link:hover{background:#2e2e2e}.ShareSite .share__link svg{display:block;margin:0 auto;height:24px;width:24px}.ShareSite .share__link:last-child{border-right:none}.share-options{display:flex;align-items:center;justify-content:center;margin:0 auto}.home .share-options,.share-options{max-width:300px}@media screen and (max-width:399px){.home .share-options a{height:40px;width:40px;padding:10px}}@media screen and (min-width:400px){.home .share-options a{height:60px;width:60px;padding:15px}}.ShareSite{border-top:1px solid #4d4f4f;display:flex;justify-content:space-evenly;border-right:1px solid #4d4f4f}.resources-title,.sponsors-title{font-size:1rem;margin-bottom:10px}@media screen and (min-width:400px){.resources-title,.sponsors-title{display:flex;justify-content:center;align-items:center;justify-content:space-between}}.resources-title h2,.sponsors-title h2{margin:0}.resources-sponsor{color:#788080;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;font-size:.8rem}.resources-sponsor img{display:inline-block;height:20px;vertical-align:middle;margin-right:5px}@media screen and (min-width:1000px){.resources-list{display:grid;grid-template-columns:auto auto;grid-gap:40px}}.resource,.sponsors-list{margin-bottom:20px}@media screen and (min-width:400px){.resource{display:flex}}.resource-image{position:relative;z-index:5}.resource-image:before{z-index:1;content:" ";display:block;position:absolute;top:6px;left:6px;height:100%;width:100%;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><pattern id="Pattern2" patternUnits="userSpaceOnUse" width="5" height="5"><path d="M 0,5 l 5,-5 M -1,1 l 2.5,-2.5 M 4,6 l 2.5,-2.5" stroke-width="1" shape-rendering="auto" stroke="#788080" stroke-linecap="square"></path></pattern></defs><rect fill="url(#Pattern2)" x="0" y="0" width="100" height="100"/></svg>')}@media screen and (max-width:399px){.resource-image{width:60px;float:right;margin:0 0 20px 20px}}@media screen and (min-width:400px){.resource-image{width:160px;margin-right:20px}}.resource-image div{background:#fff;position:relative;z-index:10;border:2px solid #788080}.resource-image a{display:block;width:100%;padding-bottom:90%;height:0;background-position:50%;background-size:cover}.resource-image img,.resource-image svg{display:block;width:100%;border:3px solid #fff}.resource-contents{flex:1 1}.resource-title{margin-bottom:0}.sponsor-title{font-size:1.1rem}.resource-author{margin-bottom:5px}.resource-description{font-size:.9rem}.sponsor-description p{margin-bottom:0}.resource-play{margin-left:10px}@media screen and (max-width:399px){.resource-play{display:none}}.resource-play a{display:block;height:70px;width:70px}.resource-play svg{width:100%;fill:#e1e1e1}.resource-play a:hover svg{fill:#fe6a6a}.resources-sponsored{color:#788080;font-size:.7rem;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.Sponsors{background:#2e2e2e;padding:30px;margin-top:60px}.Sponsors__Heading{text-align:center;margin-bottom:20px}.Sponsors__Items{display:flex;justify-content:center;align-items:center}@media screen and (max-width:999px){.Sponsors__Items{flex-direction:column}}.Sponsors__Item{width:150px}@media screen and (max-width:999px){.Sponsors__Item{margin-bottom:20px}}@media screen and (min-width:1000px){.Sponsors__Item{margin-right:60px}}.Sponsors__Item:last-child{margin:0}.Sponsors__Item a,.Sponsors__Item img,.Sponsors__Item svg{display:block;width:100%}.Sponsors__Support{font-size:.9rem;text-align:center;display:block;margin-top:10px;font-weight:300}.Sponsors__Support,.Sponsors__Support:link,.Sponsors__Support:visited{color:#788080}.pagetitle__wrapper{border-top:1px solid #4d4f4f;border-bottom:1px solid #4d4f4f}.pagetitle{font-size:1.3rem}.pagetitle__inner{text-align:center;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr}@media screen and (max-width:999px){.pagetitle__wrapper--top .pagetitle__inner{grid-template-columns:1fr 50px 1fr}}.pagetitle__wrapper--title .pagetitle__inner{padding:20px;background:#212424}.pagination__link{padding:20px;display:block;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;white-space:nowrap;border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link{font-size:.7rem;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:1000px){.pagination__link{font-size:1rem}}.pagination__link:hover{background:hsla(0,0%,100%,.1)}.pagination__middle{display:flex;justify-content:center;align-items:center}span+.pagination__middle{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link__label{display:inline-block}}@media screen and (min-width:1000px){.pagetitle__wrapper--title .pagination__link__label{display:none}}@media screen and (min-width:400px){.pagination__link__label--short{display:none}}@media screen and (max-width:399px){.pagination__link__label--full,.pagination__link__symbol{display:none}}.pagination__previous{text-align:left}.pagination__next{border:none;text-align:right}.pagetitle__wrapper--bottom span+.pagination__next,span+span+.pagination__next{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.PageTitle__Sidebar__Toggle{padding:0 10px;height:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid #4d4f4f}span+.PageTitle__Sidebar__Toggle{border-left:1px solid #4d4f4f}}@media screen and (min-width:1000px){.PageTitle__Sidebar__Toggle{display:none}}.Sidebar__Toggle{border:none;background:#212424;padding:0;display:block;cursor:pointer}.Sidebar__Toggle svg{display:block;width:100%;height:auto;stroke:#41c7c7}@media screen and (min-width:1000px){.Sidebar__Toggle{display:none}}.Hamburger{fill:#fff;stroke:#fff}.Newsletter form{margin:0}@media screen and (min-width:400px){.Newsletter form{display:flex}}.Block--Newsletter{border:1px solid #4d4f4f;padding:30px}.Block--Newsletter .newsletter{margin-bottom:0}.Block--Newsletter .block__title{font-size:1.1rem}.Block--Newsletter .block__contents{font-size:1rem}.Newsletter__Email{font-weight:300;display:block;padding:10px;border:none;margin-right:10px;flex-grow:1;width:100%;max-width:300px}@media screen and (max-width:399px){.Newsletter__Email{margin-bottom:10px}}.Newsletter__Email:focus{outline:none;border-color:#fe6a6a}.Newsletter--loading .Newsletter__Email{background:#dadada}.Newsletter__Button{min-width:140px;display:block}@media screen and (max-width:399px){.Newsletter__Button{width:100%}}.Newsletter__Hidden{display:none}.Newsletter__Error{border:1px solid #fe6a6a;padding:20px;color:#fe6a6a;margin-bottom:20px}.Newsletter__Success{border:1px solid #788080;padding:20px}.Newsletter__Heading{margin-bottom:10px}.Newsletter__Description{margin-bottom:20px}.block--newsletter--home{text-align:center;border:1px solid #788080;padding:30px}@media screen and (min-width:1000px){.block--newsletter--home{margin-left:250px;margin-right:250px}}.block--newsletter--home .newsletter{max-width:none;margin:0}.block--newsletter--home .block__title{border-bottom:none;padding:0;margin-bottom:5px}.footer{text-align:center;font-size:1rem}.PeriodicTableElement_Frame{stroke-width:1px;stroke:#646a6a;fill:#212424}.PeriodicTableElement_Frame--chart{cursor:pointer}.PeriodicTableElement_Frame--chart:hover{stroke:#eee}.PeriodicTableElement_Shadow{fill:rgba(0,0,0,.35)}.PeriodicTableElement_Number{position:absolute;opacity:.6;pointer-events:none;fill:#fff}.PeriodicTableElement_Symbol{font-weight:600;pointer-events:none;color:#41c7c7}.PeriodicTableElement_Label{opacity:.6;fill:#fff;pointer-events:none}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Frame{stroke:#212424}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Symbol{fill:rgba(0,0,0,.7)}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Label,.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Number{fill:#212424}@media screen and (min-width:400px){.ToolHeader{display:flex}}.ToolHeader .PeriodicTableElementHtml{width:100%}.ToolHeader__Element svg{display:block}@media screen and (max-width:399px){.ToolHeader__Element{max-width:150px;margin:0 auto 5px}}@media screen and (min-width:400px){.ToolHeader__Element{flex-shrink:1;flex-basis:120px;margin-right:20px}}.PageHeader{margin-bottom:40px}.PageHeader__Header,.ToolHeader__Header{display:flex;justify-content:space-between}.PageHeader__Title,.ToolHeader__Title{margin:0;padding:0;align-items:baseline}@media screen and (max-width:399px){.PageHeader__Title,.ToolHeader__Title{font-size:1.3rem}}@media screen and (min-width:400px) and (max-width:999px){.PageHeader__Title,.ToolHeader__Title{font-size:1.5rem}}@media screen and (min-width:1000px){.PageHeader__Title,.ToolHeader__Title{font-size:2rem}}@media screen and (max-width:399px){.ToolHeader__Title{display:none}}.ToolHeader__Content{flex:1 1}.ToolHeader__Links{display:flex;align-items:center;margin-top:10px}.ToolHeader__Link{margin-right:10px}@media screen and (max-width:999px){.ToolHeader__Stars{display:none}}.Home__Wrapper{height:100vh;display:grid;grid-template-rows:1fr auto}.LogoAnimation__Wrapper{height:100%;width:100%;position:relative}.LogoAnimation__Wrapper--simple{top:0;left:0;z-index:1000;position:fixed;pointer-events:none}.LogoAnimation__Inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.LogoAnimation{width:100%}.LogoAnimation__Element--At .PeriodicTableElement_Symbol,.LogoAnimation__Element--E .PeriodicTableElement_Symbol,.LogoAnimation__Element--Of .PeriodicTableElement_Symbol,.LogoAnimation__Element--St .PeriodicTableElement_Symbol{fill:#e1e1e1}.LogoAnimation__Element--Ja .PeriodicTableElement_Symbol,.LogoAnimation__Element--Pt .PeriodicTableElement_Symbol,.LogoAnimation__Element--Ri .PeriodicTableElement_Symbol,.LogoAnimation__Element--Sc .PeriodicTableElement_Symbol,.LogoAnimation__Element--Va .PeriodicTableElement_Symbol{fill:#41c7c7}.LogoAnimation__Element--18 .PeriodicTableElement_Symbol,.LogoAnimation__Element--20 .PeriodicTableElement_Symbol{fill:#fe6a6a}.LogoAnimation__Button{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:399px){.LogoAnimation__Button{font-size:1.6rem}}@media screen and (min-width:400px) and (max-width:999px){.LogoAnimation__Button{font-size:1.8rem}}@media screen and (min-width:1000px){.LogoAnimation__Button{font-size:2rem}}.LogoAnimation__Language{color:#e1e1e1;text-align:center}@-webkit-keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@-webkit-keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@-webkit-keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@media screen and (min-width:1000px){.Awards__Block{margin:80px 60px 60px;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:160px;column-gap:160px;row-gap:60px}}.Award{text-align:center;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:999px){.Award{margin-bottom:60px}}.Award__Heading{margin-bottom:5px;font-size:1.5rem}.Award__Description{margin-bottom:20px;font-size:.9rem;color:#8c8c8c}.Award__Element__Container{position:relative;height:150px;width:150px;-webkit-perspective:800px;perspective:800px;margin-bottom:20px}.Award__Element{cursor:pointer;margin-bottom:20px;position:absolute;height:100%;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:rotateY(0deg) scale(.75);transform:rotateY(0deg) scale(.75)}.Award__Element svg{display:block}.Award--hide .Award__Element{-webkit-animation-name:glow-soft;animation-name:glow-soft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.Award--hide .Award__Element:hover{-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1.2s;animation-duration:1.2s}.Award--show .Award__Element{-webkit-animation-name:burst;animation-name:burst;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.Award--show .Award__Element,.capture .Award__Element{cursor:default;-webkit-transform:rotateY(540deg) scale(1);transform:rotateY(540deg) scale(1)}.Award__Element__Face{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Award__Element__Face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Award__Element__Face--front .PeriodicTableElement_Symbol{fill:#e1e1e1}.Award__Comment{transition:opacity .5s ease-in .5s;display:flex;flex-direction:column;align-items:center}.Award__Comment p{margin-bottom:10px}.Award--hide .Award__Comment{opacity:0}.Award--show .Award__Comment,.capture .Award__Comment{opacity:1}.Award__Share{margin-bottom:20px}.Awards__RunnerUps__Heading{transition:opacity .5s ease-in 1s;opacity:0;margin-bottom:0}.Award--show .Awards__RunnerUps__Heading,.capture .Awards__RunnerUps__Heading{opacity:1}.Awards__RunnerUps__Item{opacity:0;font-size:.9rem}.Award--show .Awards__RunnerUps__Item,.capture .Awards__RunnerUps__Item{opacity:1}.Awards__RunnerUps__Item--0{transition:opacity .3s ease-in 1.5s}.Awards__RunnerUps__Item--1{transition:opacity .3s ease-in 1.8s}.pagetitle .LanguageSwitcher{border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagetitle .LanguageSwitcher{display:none}}@media screen and (min-width:1000px){.nav .LanguageSwitcher{display:none}}.Home__Wrapper .LanguageSwitcher{padding:10px 20px}.LanguageSwitcher__Inner{position:relative}.LanguageSwitcher__Toggle{display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.LanguageSwitcher__Toggle span{display:block;margin-right:5px}.LanguageSwitcher__Toggle svg{display:block;width:12px;position:relative}.LanguageSwitcher__Toggle svg polygon{fill:#e1e1e1}.pagetitle .LanguageSwitcher--open .LanguageSwitcher__Toggle{background:hsla(0,0%,100%,.1)}.pagetitle .LanguageSwitcher__Toggle{padding:20px}.nav .LanguageSwitcher__Toggle{margin-bottom:10px}.LanguageSwitcher__Options{position:absolute;width:100%;max-width:300px;border:1px solid #788080;background:#212424;padding:20px}@media screen and (min-width:1000px){.LanguageSwitcher__Options{width:300px;left:50%;margin-left:-150px}}.LanguageSwitcher__Options:after,.LanguageSwitcher__Options:before{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.LanguageSwitcher__Options:after{border-color:rgba(136,183,213,0);border-width:10px;margin-left:-10px}.LanguageSwitcher__Options:before{border-color:rgba(194,225,245,0);border-width:11px;margin-left:-11px}.LanguageSwitcher--bottom .LanguageSwitcher__Options{top:130%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after,.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{bottom:100%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after{border-bottom-color:#212424}.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{border-bottom-color:#788080}.LanguageSwitcher--top .LanguageSwitcher__Options{bottom:160%}.LanguageSwitcher--top .LanguageSwitcher__Options:after,.LanguageSwitcher--top .LanguageSwitcher__Options:before{top:100%}.LanguageSwitcher--top .LanguageSwitcher__Options:after{border-top-color:#212424}.LanguageSwitcher--top .LanguageSwitcher__Options:before{border-top-color:#788080}.Locales{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;grid-row-gap:20px}.Locales__Item{text-align:center;font-weight:300}@media screen and (max-width:999px){.Locales__Item{font-size:.8rem}}@media screen and (min-width:1000px){.Locales__Item{font-size:1rem}}.Locales__Item--current{font-weight:600}.chart-wrapper{font-size:1rem}.chart-wrapper g.xsmall{font-size:.6rem}.chart-wrapper g.small{font-size:.7rem}.chart-wrapper g.medium{font-size:.8rem}.chart--bar,.chart-wrapper g.large,.chart-wrapper g.xlarge{font-size:1rem}@media screen and (max-width:399px){.block__contents{overflow-x:scroll;background:hsla(0,0%,100%,.5)}}@media screen and (max-width:399px){.block__contents__inner{padding:0 20px 20px;min-width:800px}}.PieRow{display:flex;align-items:center;margin-bottom:10px}.PieRow svg{margin-right:15px}.Help{font-size:13px;color:#6f8183;margin-bottom:20px;padding-left:15px}.Help svg{color:#9688e4;display:inline-block;vertical-align:text-bottom}.user-facts-placeholder{display:flex;justify-content:center;align-items:center;border:1px dotted #788080;min-height:400px}.user-facts-placeholder h3{margin:0}.results-chart-wrapper{padding:0 60px}.results-chart-wrapper text{font-size:.8rem}.block--numberoflibs img{display:block;width:100%}@media screen and (max-width:399px){.block--othersbubble .chart-wrapper{height:300px}}@media screen and (min-width:400px){.block--othersbubble .chart-wrapper{height:600px}}.block--connections .chart-wrapper{margin-top:20px}@media screen and (min-width:1000px){.OverTime__Chart,.Overview__Chart{display:grid;grid-template-columns:auto 210px;-webkit-column-gap:30px;column-gap:30px}}.OverTime__Chart__SwitchContainer{height:40px}@media screen and (max-width:999px){.OverTime__Chart__SwitchContainer{margin-top:20px;height:auto}}.Overview__Chart__SwitchContainer{height:60px;display:flex;align-items:center}@media screen and (max-width:999px){.Overview__Chart__SwitchContainer{margin-top:20px;height:auto}}.Chart__Container__Outer{position:relative}@media screen and (max-width:999px){.Chart__Container{overflow-x:scroll}}.Chart__Container svg{display:block}@media screen and (max-width:999px){.Chart__Container__Inner{min-width:600px;padding-bottom:20px}}@media screen and (max-width:999px){.Chart__Container__Indicator{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;width:20px;z-index:100}.Chart__Container__Indicator svg{display:block;stroke:#e1e1e1;opacity:.2;overflow:visible}.Chart__Container__Indicator--left{left:10px}.Chart__Container__Indicator--right{right:10px}}@media screen and (min-width:1000px){.Chart__Container__Indicator{display:none}}@media screen and (max-width:999px){.Overview__Chart .Legends{margin-top:20px}}@media screen and (min-width:1000px){.Overview__Chart .Legends{margin-top:40px}}.OpinionSelector{-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#41c7c7;border:none;border-bottom:1px dashed #41c7c7;border-radius:0}.OpinionSelector:focus{outline:transparent;border-bottom-style:solid}.SalaryPerCountry__Chart,.ToolsUsageByCountry__Chart{height:500px}.Bar__Chart>div>div>svg{overflow:visible;box-sizing:content-box;border-bottom:180px solid transparent;position:relative;z-index:1}#text_editors .Bar__Chart>div>div>svg{border-bottom:none}.Bar__Tick{z-index:1000}.Bar__Tooltip__Wrapper{overflow:visible;display:none;z-index:1000}.Bar__Tick:hover .Bar__Tooltip__Wrapper{display:block}.Bar__Tick__Label{fill:#e1e1e1;font-size:.8rem;cursor:default}.Bar__Tick__Label--hoverable{cursor:pointer;font-weight:600;fill:#41c7c7}.Tooltip{z-index:1000}.ToolPairing__HeatMapChart{display:grid;align-items:center;font-size:1rem}.ToolPairing__HeatMapChart__Section{grid-column-start:1;font-weight:600}@media screen and (min-width:1000px){.Reasons__Chart__Unit--mobile{display:none}}@media screen and (max-width:999px){.Reasons__Chart__Unit--desktop{display:none}}.tool-over-time-no-data{font-style:italic;border:1px solid #4d4f4f;color:#8c8c8c}@media screen and (max-width:399px){.tool-over-time-no-data{padding:20px}}@media screen and (min-width:400px){.tool-over-time-no-data{padding:30px}}.ToolsSubAggsHeatMapChart{display:grid;align-items:center}.ToolPairing__HeatMapChart__Section,.ToolsSubAggsHeatMapChart__Heading{font-size:14px;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolPairing__HeatMapChart__Section:last-of-type{border-bottom:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageHeading{font-size:14px;font-weight:600;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageCell{height:100%;position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-right:1px solid #788080;border-bottom:1px solid #788080;color:#41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--first{border-left:1px solid #788080}.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{bottom:10px;border-top:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--highest:before,.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{content:"";position:absolute;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.ToolsSubAggsHeatMapChart__AverageCell--highest:before{top:11px;border-bottom:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__Cell{height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#212424;border-left:1px solid #212424;padding:0 10px}.ToolsSubAggsHeatMapChart__Cell--first{border-left:0}.Filters{display:inline-flex;border:1px solid #777;height:32px;border-radius:1px;overflow:hidden;font-size:14px;margin-bottom:20px;line-height:1em}.Filters__item{white-space:pre;line-height:30px;flex:1 1;text-align:center;cursor:pointer;border-left:1px solid #777;padding:0 15px}.Filters__item:first-child{border-left-width:0}.Filters__item--active{background:#f9fbf9;color:#1f2d2e}.Filters--experience .Filters__item--active:nth-child(2){background:#feffdb}.Filters--experience .Filters__item--active:nth-child(3){background:#e3e3ff}.Legends{font-size:12px;display:grid;grid-gap:20px}@media screen and (max-width:999px){.Legends{grid-template-columns:1fr 1fr}}@media screen and (min-width:1000px){.Legends{grid-template-columns:1fr 1fr 1fr}}.Legends--horizontal{display:grid;grid-column-gap:20px;margin:20px 0}.Legends--vertical{display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:399px){.Legends--vertical{margin-top:20px;border:1px solid #4d4f4f;padding:20px}}.Legends--withFrame{border:1px dashed #cecece;border-radius:3px;padding:20px}.Legends--horizontal.Legends--withFrame{padding:20px 30px}.Legends--vertical.Legends--withFrame{padding:20px}.Legends__Item{display:flex;align-items:center;cursor:pointer;flex:1 1}.Legends__Item:hover{background:hsla(0,0%,100%,.15)}.Legends__Item__Chip{display:block;margin-right:12px;flex-shrink:0}@media screen and (min-width:400px){.Quadrants__Block__Content{display:flex}}@media screen and (min-width:400px){.Quadrants__Block__Chart{flex:0 0 55%}}.Quadrants__Chart svg{display:block;margin-top:-20px}.Quadrants__Chart__QuadrantLabel{font-size:1.1rem;letter-spacing:4px;font-weight:300;text-transform:uppercase}.Quadrants__Chart__TickLabel{font-size:.7rem}.Quadrants__Chart__Legend{padding:40px 0 0}.Quadrants__Chart__Legend__Title{text-align:center;display:none}.Quadrants__Chart__Legend__Items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0;border-top:1px solid #4d4f4f;border-left:1px solid #4d4f4f;height:83%}.Quadrants__Chart__Legend__Item{border-bottom:1px solid #4d4f4f;border-right:1px solid #4d4f4f}@media screen and (max-width:399px){.Quadrants__Chart__Legend__Item{padding:10px;font-size:.7rem}}@media screen and (min-width:400px){.Quadrants__Chart__Legend__Item{padding:20px;font-size:.8rem}}.Quadrants__Chart__Legend__Item strong{text-transform:uppercase}.Quadrants__Chart__Value{letter-spacing:.2em}.Quadrants__Chart__Label{font-size:.8rem;font-weight:300}.Quadrants__Chart .PeriodicTableElement{overflow:visible!important}.Quadrants__Chart .PeriodicTableElement_Frame{stroke:#fff;fill:#2e2e2e}.Quadrants__Chart__PeriodicTableElement--collision .PeriodicTableElement_Container{transition:all .3s cubic-bezier(.87,-.41,.19,1.44)}.Quadrants__Chart__PeriodicTableElement--collision:hover .PeriodicTableElement_Container{-webkit-transform:translateX(var(--dx)) translateY(var(--dy));transform:translateX(var(--dx)) translateY(var(--dy))}.happiness__wrapper{position:relative}@media screen and (max-width:399px){.happiness__wrapper{padding:60px 20px}}@media screen and (min-width:400px){.happiness__wrapper{padding:60px}}.happiness{position:relative;font-size:1rem}.happiness__levels{display:flex;justify-content:center;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #788080}.happiness__item{position:relative}.happiness__item:after{position:absolute;display:block;content:" ";border-left:1px solid #788080;height:50px;width:1px;top:-25px}@media screen and (max-width:399px){.happiness__item .happiness__item__label{display:none}.happiness__item:first-child .happiness__item__label{left:-20px;display:block;text-align:left}.happiness__item:last-child .happiness__item__label{right:-20px;display:block;text-align:right}}.happiness__item__index{position:absolute;top:30px;width:100px;left:-50px;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.happiness__item__label{position:absolute;top:-60px;white-space:nowrap;width:100px;right:-50px;text-align:center}.happiness__meter{position:absolute;background:#fe6a6a;height:10px;top:-5px;left:0}.happiness__target{position:absolute;top:-25px;right:-30px;border:7px solid #fe6a6a;height:60px;width:60px;background:#212424;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.happiness__target h4{margin:0}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}</style><meta name="generator" content="Gatsby 2.0.18"/><title data-react-helmet="true">The State of JavaScript 2018: </title><link data-react-helmet="true" rel="shortcut icon" href="/images/favicon.png"/><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,300i,600" rel="stylesheet"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="description" content="Discover the most popular JavaScript technologies of the year."/><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1"/><meta data-react-helmet="true" name="google-site-verification" content="hrTRsz9fkGmQlVbLBWA4wmhn0qsI6_M3NKemTGCkpps"/><meta data-react-helmet="true" property="og:type" content="article"/><meta data-react-helmet="true" property="og:url" content="https://2018.stateofjs.comundefined"/><meta data-react-helmet="true" property="og:image" content="https://2018.stateofjs.com/images/stateofjs2018-social.png"/><meta data-react-helmet="true" property="og:title" content="The State of JavaScript 2018: "/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:image:src" content="https://2018.stateofjs.com/images/stateofjs2018-social.png"/><meta data-react-helmet="true" name="twitter:title" content="The State of JavaScript 2018: "/><link as="script" rel="preload" href="/component---src-pages-404-js-5c4af05e6fd2364d0693.js"/><link as="script" rel="preload" href="/app-3757f1a259253f0c668c.js"/><link as="script" rel="preload" href="/0-d75a6cf9398626564d1a.js"/><link as="script" rel="preload" href="/3-72a678a8fd619ef6548f.js"/><link as="script" rel="preload" href="/6-07e1a3e6c775c2bafb12.js"/><link as="script" rel="preload" href="/5-5481349e641cfcb2e17e.js"/><link as="script" rel="preload" href="/webpack-runtime-33a377dff07aa247431a.js"/><link rel="preload" href="/static/d/164/path---404-html-516-62a-NZuapzHg3X9TaN1iIixfv1W23E.json" as="fetch" crossOrigin="use-credentials"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group"><div class="pageLayout PageLayout--undefined PageLayout--nosidebar PageLayout--noanim nocapture"><div class="pagelayout__inner"><div class="Sidebar Sidebar--hidden"><div class="Sidebar__Fixed"><h1 class="Logo__Wrapper"><span class="Logo Logo--mobile"><svg viewBox="0 0 390 100" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><rect x="293" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M341.006 63V59.148H335.318V37.872H328.082L321.854 45.288L324.806 47.772L330.278 41.292H330.602V59.148H323.69V63H341.006ZM352.8 63.432C358.776 63.432 362.088 60.3 362.088 56.124C362.088 52.812 360.036 50.796 357.048 50.004V49.716C359.604 48.816 361.332 46.872 361.332 43.956C361.332 40.104 358.236 37.44 352.8 37.44C347.364 37.44 344.268 40.104 344.268 43.956C344.268 46.872 345.996 48.816 348.552 49.716V50.004C345.564 50.796 343.512 52.812 343.512 56.124C343.512 60.3 346.824 63.432 352.8 63.432ZM352.8 59.76C349.992 59.76 348.408 58.392 348.408 56.16V55.44C348.408 53.172 349.956 51.804 352.8 51.804C355.644 51.804 357.192 53.172 357.192 55.44V56.16C357.192 58.392 355.608 59.76 352.8 59.76ZM352.8 48.312C350.172 48.312 348.732 47.016 348.732 44.928V44.424C348.732 42.372 350.172 41.112 352.8 41.112C355.428 41.112 356.868 42.372 356.868 44.424V44.928C356.868 47.016 355.428 48.312 352.8 48.312Z" fill="#FE6A6A"></path><path opacity="0.5" d="M307.868 12.4L302.396 21.202V22.498H308.912V25H310.388V22.498H312.548V21.148H310.388V12.4H307.868ZM308.696 13.624H308.912V21.148H304.034L308.696 13.624Z" fill="#fff"></path><rect x="-1" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M36.9261 63.432C43.0101 63.432 46.2861 60.156 46.2861 55.476C46.2861 51.732 44.1621 49.248 39.8421 48.456L37.2141 47.988C34.4421 47.52 33.3981 46.584 33.3981 44.676C33.3981 42.444 34.8021 41.292 37.5021 41.292C40.0221 41.292 41.8941 42.3 43.2261 43.884L45.9981 40.932C44.2701 38.772 41.3901 37.44 37.4661 37.44C31.9941 37.44 28.6461 40.104 28.6461 44.892C28.6461 48.384 30.4461 51.192 35.0901 51.984L37.7541 52.416C40.4901 52.848 41.5341 53.82 41.5341 55.8C41.5341 58.212 39.9501 59.58 37.0701 59.58C34.5861 59.58 32.3901 58.572 30.5181 56.412L27.6741 59.364C29.5821 61.812 32.6421 63.432 36.9261 63.432ZM67.044 63V59.364H59.484V48.06H67.044V44.424H59.484V37.872H55.2V42.372C55.2 43.92 54.624 44.424 53.148 44.424H49.476V48.06H54.876V57.96C54.876 60.912 56.532 63 60.06 63H67.044Z" fill="#D0D0D0"></path><path opacity="0.5" d="M11.708 12.4L8.108 17.836H9.782L12.338 13.84H12.554V25H14.03L14.048 12.4H11.708Z" fill="#fff"></path><rect x="195" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M242.214 59.04H229.65L235.122 54.612C238.758 51.696 241.53 48.996 241.53 44.892C241.53 40.572 238.47 37.44 233.106 37.44C227.886 37.44 225.15 40.392 224.07 43.704L228.174 45.252C228.786 43.164 230.082 41.508 232.71 41.508C235.086 41.508 236.526 42.804 236.526 45.18V45.54C236.526 47.664 235.23 49.428 232.566 51.732L224.502 58.608V63H242.214V59.04ZM254.8 63.432C261.352 63.432 264.304 58.644 264.304 50.436C264.304 42.228 261.352 37.44 254.8 37.44C248.248 37.44 245.296 42.228 245.296 50.436C245.296 58.644 248.248 63.432 254.8 63.432ZM254.8 59.652C251.344 59.652 250.084 56.988 250.084 52.668V48.204C250.084 43.884 251.344 41.22 254.8 41.22C258.256 41.22 259.516 43.884 259.516 48.204V52.668C259.516 56.988 258.256 59.652 254.8 59.652ZM254.8 52.56C256.456 52.56 257.032 51.804 257.032 50.832V50.04C257.032 49.068 256.456 48.312 254.8 48.312C253.144 48.312 252.568 49.068 252.568 50.04V50.832C252.568 51.804 253.144 52.56 254.8 52.56Z" fill="#FE6A6A"></path><path opacity="0.5" d="M205.026 12.4V13.768H211.56L207.636 17.224V18.61H209.436C210.966 18.61 212.226 19.51 212.226 21.166C212.226 22.732 211.074 23.902 209.292 23.902C207.366 23.902 206.142 22.84 206.142 20.95V20.23H204.666V21.004C204.666 23.614 206.574 25.252 209.31 25.252C211.758 25.252 213.702 23.596 213.702 21.202C213.702 18.88 212.064 17.44 209.976 17.44H209.526V17.242L213.576 13.714V12.4H205.026Z" fill="#fff"></path><rect x="97" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M129.238 37.872V41.76H137.734V55.584C137.734 58.284 136.51 59.544 134.386 59.544C132.046 59.544 131.038 57.996 130.606 55.908L126.178 56.844C126.934 60.84 129.634 63.432 134.386 63.432C139.282 63.432 142.486 60.588 142.486 56.124V37.872H129.238ZM156.728 63.432C161.984 63.432 165.116 61.092 165.116 57.276C165.116 53.604 162.164 52.416 159.032 51.948L156.08 51.48C154.568 51.264 153.488 50.868 153.488 49.536C153.488 48.096 154.712 47.34 157.016 47.34C159.68 47.34 161.408 48.384 162.452 49.536L164.864 46.872C163.244 45.072 160.724 43.992 157.16 43.992C152.12 43.992 148.988 46.152 148.988 50.004C148.988 53.676 151.94 54.9 155.036 55.368L158.024 55.836C159.536 56.052 160.58 56.412 160.58 57.744C160.58 59.328 159.068 60.084 156.764 60.084C154.136 60.084 152.156 59.112 150.644 57.456L147.944 59.904C149.6 62.064 152.66 63.432 156.728 63.432Z" fill="#72D7D1"></path><path opacity="0.5" d="M106.882 16.432V16.9H108.358V16.522C108.358 14.578 109.528 13.498 111.436 13.498C113.056 13.498 114.244 14.47 114.244 16.144C114.244 17.962 112.948 18.754 110.806 19.384C108.412 20.086 106.864 21.04 106.864 23.542V25H115.648V23.65H108.358V23.362C108.358 21.634 109.438 21.184 111.454 20.572C113.92 19.816 115.72 18.736 115.72 16.198C115.72 13.768 113.938 12.148 111.436 12.148C108.772 12.148 106.882 13.786 106.882 16.432Z" fill="#fff"></path></g><defs><clipPath id="clip0"><rect width="390" height="100" fill="#fff"></rect></clipPath></defs></svg><span class="Sidebar__Close"><button><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Outline_Icons_1_"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" id="Outline_Icons"><line x1=".5" y1=".5" x2="23.5" y2="23.5"></line><line x1="23.5" y1=".5" x2=".5" y2="23.5"></line></g></g></svg></button></span></span><div class="Logo Logo--desktop"><svg viewBox="0 0 390 100" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><rect x="293" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M341.006 63V59.148H335.318V37.872H328.082L321.854 45.288L324.806 47.772L330.278 41.292H330.602V59.148H323.69V63H341.006ZM352.8 63.432C358.776 63.432 362.088 60.3 362.088 56.124C362.088 52.812 360.036 50.796 357.048 50.004V49.716C359.604 48.816 361.332 46.872 361.332 43.956C361.332 40.104 358.236 37.44 352.8 37.44C347.364 37.44 344.268 40.104 344.268 43.956C344.268 46.872 345.996 48.816 348.552 49.716V50.004C345.564 50.796 343.512 52.812 343.512 56.124C343.512 60.3 346.824 63.432 352.8 63.432ZM352.8 59.76C349.992 59.76 348.408 58.392 348.408 56.16V55.44C348.408 53.172 349.956 51.804 352.8 51.804C355.644 51.804 357.192 53.172 357.192 55.44V56.16C357.192 58.392 355.608 59.76 352.8 59.76ZM352.8 48.312C350.172 48.312 348.732 47.016 348.732 44.928V44.424C348.732 42.372 350.172 41.112 352.8 41.112C355.428 41.112 356.868 42.372 356.868 44.424V44.928C356.868 47.016 355.428 48.312 352.8 48.312Z" fill="#FE6A6A"></path><path opacity="0.5" d="M307.868 12.4L302.396 21.202V22.498H308.912V25H310.388V22.498H312.548V21.148H310.388V12.4H307.868ZM308.696 13.624H308.912V21.148H304.034L308.696 13.624Z" fill="#fff"></path><rect x="-1" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M36.9261 63.432C43.0101 63.432 46.2861 60.156 46.2861 55.476C46.2861 51.732 44.1621 49.248 39.8421 48.456L37.2141 47.988C34.4421 47.52 33.3981 46.584 33.3981 44.676C33.3981 42.444 34.8021 41.292 37.5021 41.292C40.0221 41.292 41.8941 42.3 43.2261 43.884L45.9981 40.932C44.2701 38.772 41.3901 37.44 37.4661 37.44C31.9941 37.44 28.6461 40.104 28.6461 44.892C28.6461 48.384 30.4461 51.192 35.0901 51.984L37.7541 52.416C40.4901 52.848 41.5341 53.82 41.5341 55.8C41.5341 58.212 39.9501 59.58 37.0701 59.58C34.5861 59.58 32.3901 58.572 30.5181 56.412L27.6741 59.364C29.5821 61.812 32.6421 63.432 36.9261 63.432ZM67.044 63V59.364H59.484V48.06H67.044V44.424H59.484V37.872H55.2V42.372C55.2 43.92 54.624 44.424 53.148 44.424H49.476V48.06H54.876V57.96C54.876 60.912 56.532 63 60.06 63H67.044Z" fill="#D0D0D0"></path><path opacity="0.5" d="M11.708 12.4L8.108 17.836H9.782L12.338 13.84H12.554V25H14.03L14.048 12.4H11.708Z" fill="#fff"></path><rect x="195" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M242.214 59.04H229.65L235.122 54.612C238.758 51.696 241.53 48.996 241.53 44.892C241.53 40.572 238.47 37.44 233.106 37.44C227.886 37.44 225.15 40.392 224.07 43.704L228.174 45.252C228.786 43.164 230.082 41.508 232.71 41.508C235.086 41.508 236.526 42.804 236.526 45.18V45.54C236.526 47.664 235.23 49.428 232.566 51.732L224.502 58.608V63H242.214V59.04ZM254.8 63.432C261.352 63.432 264.304 58.644 264.304 50.436C264.304 42.228 261.352 37.44 254.8 37.44C248.248 37.44 245.296 42.228 245.296 50.436C245.296 58.644 248.248 63.432 254.8 63.432ZM254.8 59.652C251.344 59.652 250.084 56.988 250.084 52.668V48.204C250.084 43.884 251.344 41.22 254.8 41.22C258.256 41.22 259.516 43.884 259.516 48.204V52.668C259.516 56.988 258.256 59.652 254.8 59.652ZM254.8 52.56C256.456 52.56 257.032 51.804 257.032 50.832V50.04C257.032 49.068 256.456 48.312 254.8 48.312C253.144 48.312 252.568 49.068 252.568 50.04V50.832C252.568 51.804 253.144 52.56 254.8 52.56Z" fill="#FE6A6A"></path><path opacity="0.5" d="M205.026 12.4V13.768H211.56L207.636 17.224V18.61H209.436C210.966 18.61 212.226 19.51 212.226 21.166C212.226 22.732 211.074 23.902 209.292 23.902C207.366 23.902 206.142 22.84 206.142 20.95V20.23H204.666V21.004C204.666 23.614 206.574 25.252 209.31 25.252C211.758 25.252 213.702 23.596 213.702 21.202C213.702 18.88 212.064 17.44 209.976 17.44H209.526V17.242L213.576 13.714V12.4H205.026Z" fill="#fff"></path><rect x="97" y="1" width="98" height="98" stroke="#4D4F4F" stroke-width="2"></rect><path d="M129.238 37.872V41.76H137.734V55.584C137.734 58.284 136.51 59.544 134.386 59.544C132.046 59.544 131.038 57.996 130.606 55.908L126.178 56.844C126.934 60.84 129.634 63.432 134.386 63.432C139.282 63.432 142.486 60.588 142.486 56.124V37.872H129.238ZM156.728 63.432C161.984 63.432 165.116 61.092 165.116 57.276C165.116 53.604 162.164 52.416 159.032 51.948L156.08 51.48C154.568 51.264 153.488 50.868 153.488 49.536C153.488 48.096 154.712 47.34 157.016 47.34C159.68 47.34 161.408 48.384 162.452 49.536L164.864 46.872C163.244 45.072 160.724 43.992 157.16 43.992C152.12 43.992 148.988 46.152 148.988 50.004C148.988 53.676 151.94 54.9 155.036 55.368L158.024 55.836C159.536 56.052 160.58 56.412 160.58 57.744C160.58 59.328 159.068 60.084 156.764 60.084C154.136 60.084 152.156 59.112 150.644 57.456L147.944 59.904C149.6 62.064 152.66 63.432 156.728 63.432Z" fill="#72D7D1"></path><path opacity="0.5" d="M106.882 16.432V16.9H108.358V16.522C108.358 14.578 109.528 13.498 111.436 13.498C113.056 13.498 114.244 14.47 114.244 16.144C114.244 17.962 112.948 18.754 110.806 19.384C108.412 20.086 106.864 21.04 106.864 23.542V25H115.648V23.65H108.358V23.362C108.358 21.634 109.438 21.184 111.454 20.572C113.92 19.816 115.72 18.736 115.72 16.198C115.72 13.768 113.938 12.148 111.436 12.148C108.772 12.148 106.882 13.786 106.882 16.432Z" fill="#fff"></path></g><defs><clipPath id="clip0"><rect width="390" height="100" fill="#fff"></rect></clipPath></defs></svg></div></h1><div class="Sidebar__Inner"><div class="nav"><ul><li><div class="LanguageSwitcher LanguageSwitcher--bottom LanguageSwitcher--closed"><div class="LanguageSwitcher__Inner"><div class="LanguageSwitcher__Toggle"><span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,0 100,0 50,50"></polygon></svg></div></div></div></li><li><h3 class="nav-page"><a href="/introduction/">Introduction</a></h3></li><li><h3 class="nav-page"><a href="/demographics/">Demographics</a></h3></li><li><h3 class="nav-page"><a href="/connections/">Connections</a></h3></li><li><h3 class="nav-page"><a href="/javascript-flavors/overview/">JavaScript Flavors</a></h3></li><li><h3 class="nav-page"><a href="/front-end-frameworks/overview/">Front-end Frameworks</a></h3></li><li><h3 class="nav-page"><a href="/data-layer/overview/">Data Layer</a></h3></li><li><h3 class="nav-page"><a href="/back-end-frameworks/overview/">Back-end Frameworks</a></h3></li><li><h3 class="nav-page"><a href="/testing/overview/">Testing</a></h3></li><li><h3 class="nav-page"><a href="/mobile-and-desktop/overview/">Mobile & Desktop</a></h3></li><li><h3 class="nav-page"><a href="/other-tools/">Other Tools</a></h3></li><li><h3 class="nav-page"><a href="/opinions/">Opinions</a></h3></li><li><h3 class="nav-page"><a href="/awards/">Awards 🏆</a></h3></li><li><h3 class="nav-page"><a href="/conclusion/">Conclusion</a></h3></li></ul></div></div><div class="Sidebar__Footer"><div class="ShareSite"><a class="share__link--twitter share__link" href="https://twitter.com/intent/tweet/?text=Discover%20the%20State%20Of%20JavaScript%202018%20results%20https%3A%2F%2F2018.stateofjs.com%20%23StateOfJS" target="_blank" rel="noopener noreferrer" aria-label=""><div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></g></svg></div></div></a><a class="share__link--facebook share__link" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2018.stateofjs.com" target="_blank" rel="noopener noreferrer" aria-label=""><div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></g></svg></div></div></a><a class="share__link--linkedin share__link" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2018.stateofjs.com&title=Discover the StateOf JavaScript 2018 results&summary=" target="_blank" rel="noopener noreferrer" aria-label=""><div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></div></div></a><a class="share__link--email share__link" href="mailto:?subject=State%20Of%20JavaScript%20Survey%20Results&body=Here%20are%20some%20interesting%20JavaScript%20survey%20results%3A%20https%3A%2F%2F2018.stateofjs.com" target="_self" aria-label=""><div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg></div></div></a></div></div></div></div><div class="pagelayout__content"><div class="pagelayout__main"><div><div class="block block--text"><div class="block__content"><p>404 not found</p></div></div></div></div></div></div></div></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.page={"componentChunkName":"component---src-pages-404-js","jsonName":"404-html-516","path":"/404.html"};window.dataPath="164/path---404-html-516-62a-NZuapzHg3X9TaN1iIixfv1W23E";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-3757f1a259253f0c668c.js"],"component---src-core-share-share-block-template-js":["/component---src-core-share-share-block-template-js-ea3599cccf0603a4ee56.js"],"component---src-modules-sections-section-introduction-template-js":["/component---src-modules-sections-section-introduction-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-introduction-template-js-ef7322cf3e8d72d08cab.js"],"component---src-modules-tools-tool-template-js":["/component---src-modules-tools-tool-template-js.3b49a56472896feeb933.css","/component---src-modules-tools-tool-template-js-908a89b0d169bdb0d1a4.js"],"component---src-modules-sections-section-other-tools-template-js":["/component---src-modules-sections-section-other-tools-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-other-tools-template-js-0aedb8fa939fca490604.js"],"component---src-modules-sections-section-conclusion-template-js":["/component---src-modules-sections-section-conclusion-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-conclusion-template-js-eeed9695867131502cd5.js"],"component---src-pages-404-js":["/component---src-pages-404-js-5c4af05e6fd2364d0693.js"],"component---src-pages-awards-js":["/component---src-pages-awards-js-9a728675a772107a9f59.js"],"component---src-pages-conclusion-js":["/component---src-pages-conclusion-js-99b9021dbf440f96cf66.js"],"component---src-pages-connections-js":["/component---src-pages-connections-js.3b49a56472896feeb933.css","/component---src-pages-connections-js-467c4a7b946906b916b1.js"],"component---src-pages-demographics-js":["/component---src-pages-demographics-js.3b49a56472896feeb933.css","/component---src-pages-demographics-js-f08f2b8f32d31e3d0f0e.js"],"component---src-pages-index-js":["/component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js"],"component---src-pages-introduction-js":["/component---src-pages-introduction-js-c2d49fbceb2172b941b5.js"],"component---src-pages-mosaic-js":["/component---src-pages-mosaic-js-8bc36bcf2a6d72e8c726.js"],"component---src-pages-opinions-js":["/component---src-pages-opinions-js.3b49a56472896feeb933.css","/component---src-pages-opinions-js-1c5066c107d10a14953a.js"],"component---src-pages-other-tools-js":["/component---src-pages-other-tools-js.3b49a56472896feeb933.css","/component---src-pages-other-tools-js-f74317984c8b20b202bf.js"],"component---src-pages-support-js":["/component---src-pages-support-js-bf5bde34b764f89fa5f1.js"]};/*]]>*/</script><script src="/webpack-runtime-33a377dff07aa247431a.js" async=""></script><script src="/5-5481349e641cfcb2e17e.js" async=""></script><script src="/6-07e1a3e6c775c2bafb12.js" async=""></script><script src="/3-72a678a8fd619ef6548f.js" async=""></script><script src="/0-d75a6cf9398626564d1a.js" async=""></script><script src="/app-3757f1a259253f0c668c.js" async=""></script><script src="/component---src-pages-404-js-5c4af05e6fd2364d0693.js" async=""></script></body></html>