@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);@font-face{font-family:leitura;src:url(/12c129d07c1ad5a2c791671f72a2ba47e5beeee9/3269d/fonts/leitura/leitura.woff2) format('woff2'),url(/cf6146f2ab532d6373fe15b1f84c3f905a2339e2/47fc4/fonts/leitura/leitura.woff) format('woff'),url(/aa113ad24d04a2f6ec0613456019fdb0bec4f441/5bc20/fonts/leitura/leitura.svg#leitura_newsroman_2) format('svg');font-weight:400}@font-face{font-family:leitura;src:url(/8ceff8013c12737ff683902b064431b19ae6a9ef/d19f3/fonts/leitura/leitura_bold.woff2) format('woff2'),url(/c64a74969665ef0b61f63d416fda8a498cb37c49/f0c62/fonts/leitura/leitura_bold.woff) format('woff'),url(/b063c012f16f7d0e3b58fbe4a5947a3e90dc883e/173cd/fonts/leitura/leitura_bold.svg#leitura_newsroman_4) format('svg');font-weight:700}body{color:#313d3e;font-family:leitura,serif;margin:0;text-align:center;-webkit-font-smoothing:antialiased}@media screen and (min-width:768px){body{text-align:left}}section:not(.hero){margin:40px auto}@media screen and (min-width:480px){section:not(.hero){margin:64px auto}}@media screen and (min-width:768px){section:not(.hero){margin:104px auto}}h1{font-weight:400;font-size:24px;line-height:40px;margin:0}@media screen and (min-width:768px){h1{font-size:40px;line-height:64px}}h2{font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:18px;font-weight:900;margin:0;text-transform:uppercase}h3{font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;margin:0}h4{font-size:16px;font-weight:400;line-height:24px;margin:0}@media screen and (min-width:768px){h4{font-size:24px;line-height:40px}}p{font-size:14px;line-height:24px}@media screen and (min-width:768px){p{font-size:18px;line-height:32px}}a{color:#00c7b7;text-decoration:none;font-weight:700}.contained{margin:0 auto;max-width:1200px;padding:0 24px}@media screen and (min-width:768px){.contained{padding:0 40px}}.button{background:#313d3e;border-radius:4px;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;padding:8px 16px;transition:background .2s ease}.button:hover{background:#00c7b7}.button.green{background:#00c7b7;color:#313d3e}.button.green:hover{background:#fff}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:8px 6px 22px 20px;line-height:0;margin:-4px 0 -8px 0;cursor:pointer;transition:margin .2s ease}.slicknav_btn.slicknav_open{margin:-4px 0 29px 0}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:2px}.slicknav_menu{display:block;margin:0 auto;max-width:1200px;padding:0 24px}@media screen and (min-width:768px){.slicknav_menu{padding:0 40px}}@media screen and (min-width:900px){.slicknav_menu{display:none}}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:24px;height:4px;box-shadow:0 2px 0 #313d3e}.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{content:" ";display:table;clear:both}.slicknav_nav{clear:both;background:#fff;text-align:center;padding:0;margin:0}@media screen and (min-width:768px){.slicknav_nav{padding:24px 0}}.slicknav_nav ul{display:block}.slicknav_nav li{display:block}.slicknav_nav li:not(:last-child){border-bottom:4px solid #fff}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row{display:block}.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_brand{float:left;margin:-3px 0 -8px 0}.notification{background:#ffa700;box-sizing:border-box;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;padding:16px 24px;position:fixed;text-align:center;width:100%;z-index:101}.notification sub,.notification sup{font-size:initial;vertical-align:initial;bottom:0;line-height:initial;position:initial}.notification em{font-style:normal;color:rgba(255,255,255,.4);padding:0 8px}.notification .text-link{color:#313d3e;text-decoration:underline}.notification+header{margin-top:95px}@media screen and (min-width:419px){.notification+header{margin-top:74px}}@media screen and (min-width:775px){.notification+header{margin-top:50px}}.notification+header+.hero:before,.notification+header+div:before{content:'';display:block;height:95px;width:100%}@media screen and (min-width:419px){.notification+header+.hero:before,.notification+header+div:before{height:74px}}@media screen and (min-width:775px){.notification+header+.hero:before,.notification+header+div:before{height:50px}}header{background:0 0;box-shadow:none;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;padding:40px 0;position:fixed;margin-top:45px;text-align:center;transition:background .2s ease,padding .2s ease,box-shadow .2s ease;width:100%;z-index:100}@media screen and (min-width:900px){header{text-align:right}}header.scrolled{background:#fff;box-shadow:0 calc(8px / 2) 8px rgba(0,0,0,.05);padding:24px 0;margin-top:54px}header a:not(.slicknav_btn):not(.mobile-logo){background:#f7f8f8;border-radius:4px;color:#313d3e;display:block;padding:24px 0}header a:not(.slicknav_btn):not(.mobile-logo):hover{background:#00c7b7;color:#fff}@media screen and (min-width:900px){header a:not(.slicknav_btn):not(.mobile-logo){background:0 0;padding:0;position:relative}header a:not(.slicknav_btn):not(.mobile-logo):not(.logo-link):before{background:#00c7b7;content:' ';height:29px;left:0;position:absolute;top:-48px;transform:translateY(-30px) skew(45deg);transition:transform .2s ease;width:100%;z-index:-1}header a:not(.slicknav_btn):not(.mobile-logo):hover{background:0 0;color:#313d3e}header a:not(.slicknav_btn):not(.mobile-logo):hover:before{transform:translateY(0)}}@media screen and (min-width:900px){header a:not(.slicknav_btn):not(.mobile-logo){display:inline-block;margin-left:17px}}header a:not(.slicknav_btn):not(.mobile-logo).button{padding:24px 0}@media screen and (min-width:900px){header a:not(.slicknav_btn):not(.mobile-logo).button{padding:8px 16px}}@media screen and (min-width:900px){header.on-best-practices a:not(.slicknav_btn):not(.mobile-logo):not(.logo-link).best-practices-link:before{transform:translateY(0)}header.on-examples a:not(.slicknav_btn):not(.mobile-logo):not(.logo-link).examples-link:before{transform:translateY(0)}header.on-resources a:not(.slicknav_btn):not(.mobile-logo):not(.logo-link).resources-link:before{transform:translateY(0)}header.on-community a:not(.slicknav_btn):not(.mobile-logo):not(.logo-link).community-link:before{transform:translateY(0)}}@media screen and (min-width:900px){header .logo{float:left;margin:-3px 0 -6px 0;width:initial}}header .logo img{display:none}@media screen and (min-width:900px){header .logo img{display:block}}header .logo a:not(.slicknav_btn):not(.mobile-logo){margin-left:0}header .logo a:not(.slicknav_btn):not(.mobile-logo):before{content:'The JAMstack'}@media screen and (min-width:900px){header .logo a:not(.slicknav_btn):not(.mobile-logo):before{content:''}}#menu{display:none;list-style-type:none}@media screen and (min-width:900px){#menu{display:block}}#menu li{display:inline-block}.hero{background:url(/03a47e685da8c54ccd78c4776f2ebc4b5da70000/f9472/img/jam-watermark.svg) no-repeat 0 0;background-size:cover;padding:140px 0 64px 0}@media screen and (min-width:768px){.hero{background-position:center;padding:156px 0 104px 0}}.hero .grid{display:flex;flex-wrap:wrap}.hero h1:not(.chapters-headline){margin:40px 0}@media screen and (min-width:768px){.hero h1:not(.chapters-headline){margin:calc(8px/2) 0 0 0}}.hero h1:not(.chapters-headline) span{display:none}@media screen and (min-width:858px){.hero h1:not(.chapters-headline) span{display:initial}}.hero strong{color:#00c7b7;font-weight:400}.hero+.intro .grid{padding-bottom:40px}@media screen and (min-width:768px){.hero+.intro .grid{padding-bottom:0}}.hero+.intro .grid>div{display:inline-block;margin:0;width:100%;vertical-align:top}@media screen and (min-width:768px){.hero+.intro .grid>div{width:44%}}@media screen and (min-width:960px){.hero+.intro .grid>div{font-size:18px;line-height:35px}}.hero+.intro .grid>div:first-child{margin:0 0 40px 0}@media screen and (min-width:768px){.hero+.intro .grid>div:first-child{margin:0 3% 0 0}}@media screen and (min-width:960px){.hero+.intro .grid>div:first-child{margin-top:-10px}}.hero+.intro .grid>div:last-child{border:1px solid #d1d4d4;box-sizing:border-box;padding:40px;text-align:left}@media screen and (min-width:768px){.hero+.intro .grid>div:last-child{padding:24px;margin-left:7%}}@media screen and (min-width:960px){.hero+.intro .grid>div:last-child{padding:40px;width:40%}}.hero+.intro .grid>div:last-child h4:after{content:' →'}@media screen and (min-width:768px){.hero+.intro .grid>div:last-child h4:after{content:''}}@media screen and (min-width:960px){.hero+.intro .grid>div:last-child h4:after{content:' →'}}.hero+.intro .grid h1{line-height:0;margin:9px 0 26px 0}@media screen and (min-width:768px){.hero+.intro .grid h1{margin:15px 0 43px 0}}.hero+.intro .grid p{font-size:16px}@media screen and (min-width:768px){.hero+.intro .grid p{line-height:31px;margin:0}}.hero+.intro .grid a{display:block;margin-bottom:6px}.hero+.intro .grid a:last-child{margin-bottom:-7px}@media screen and (min-width:768px){.hero+.intro .grid a:last-child{margin-bottom:-12px}}.jam-breakdown .intro h1{margin:24px 0 0 0}@media screen and (min-width:768px){.jam-breakdown .intro h1{margin:-19px 0 0 0}}.jam-breakdown .intro p{margin:0 0 40px 0}@media screen and (min-width:768px){.jam-breakdown .intro p{margin:13px 0 50px 0}}.jam-breakdown .letter-definition{display:table;padding:0 24px;margin:auto;max-width:960px;text-align:left}.jam-breakdown .letter-definition:not(:last-child){margin-bottom:24px}@media screen and (min-width:768px){.jam-breakdown .letter-definition:not(:last-child){margin-bottom:-64px}}@media screen and (min-width:768px) and (max-width:960px){.jam-breakdown .letter-definition:first-child h1{padding-top:0}}.jam-breakdown .letter-definition h1{line-height:28px;padding-top:0}@media screen and (min-width:768px){.jam-breakdown .letter-definition h1{padding-top:64px}}@media screen and (min-width:960px){.jam-breakdown .letter-definition h1{padding-top:calc(40px * 2)}}.jam-breakdown .letter-definition p{display:inline-block;width:calc(80% - 24px)}@media screen and (min-width:768px){.jam-breakdown .letter-definition p{width:calc(100% - 300px - 24px)}}.jam-breakdown .letter-definition a{font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:500;font-size:16px}.jam-breakdown .letter{height:auto;margin:0 24px 0 auto;max-width:20%;float:left}@media screen and (min-width:768px){.jam-breakdown .letter{max-width:300px}}.jam-disqualifications{padding:0 24px}@media screen and (min-width:768px){.jam-disqualifications{padding:0 40px}}.jam-disqualifications h1+p{margin-bottom:43px}.jam-disqualifications .disqualifications{display:flex;flex-wrap:wrap;justify-content:space-between}.jam-disqualifications .disqualification{background:url(/a2d014a85df45cdacc5364873fb3cb86c5222d93/57a0e/img/x.svg) no-repeat top left}.jam-disqualifications .qualification{background:url(/d028dcba02448f51e83d764ddabe570c5a2c76fa/f3f65/img/check.svg) no-repeat top left}.jam-disqualifications .qualification a{font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:500;font-size:14px}@media screen and (min-width:768px){.jam-disqualifications .qualification a{font-size:16px}}.jam-disqualifications .disqualification,.jam-disqualifications .qualification{background-size:16px;background-position:0 calc(8px / 2);box-sizing:border-box;margin:0 0 24px 0;padding:0 0 0 24px;text-align:left}@media screen and (min-width:768px){.jam-disqualifications .disqualification,.jam-disqualifications .qualification{background-position:top left;background-size:40px;font-size:18px;line-height:32px;margin:0 0 24px 0;padding:0 0 0 64px;width:48%}}.advantages{padding:0 24px}@media screen and (min-width:768px){.advantages{padding:0 40px}}.advantages h1{line-height:30px;margin:0 0 29px 0}@media screen and (min-width:768px){.advantages h1{margin-bottom:53px}}.advantages h4{font-weight:700}@media screen and (min-width:768px){.advantages h4{font-weight:400}}.advantages p{margin:10px 0 29px 0}@media screen and (min-width:768px){.advantages p{margin:10px 0 43px 0}}.advantages .advantages-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.advantages .advantage{box-sizing:border-box;margin:0;text-align:left}@media screen and (min-width:768px){.advantages .advantage{width:50%}.advantages .advantage:nth-child(odd){padding:0 3% 0 0}.advantages .advantage:nth-child(even){padding:0 0 0 3%}.advantages .advantage:nth-child(n+2) p{margin-bottom:0}}.bottom-cta h1{margin:0 0 28px 0;line-height:30px}section.chatter{margin-bottom:0}section.chatter h1{text-align:center}section.chatter h1 img{height:20px;padding:0 8px 0 0;width:auto}@media screen and (min-width:480px){section.chatter h1 img{height:initial;padding:0 8px}}section.chatter h1 span{display:block;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:700}@media screen and (min-width:480px){section.chatter h1 span{display:initial}}section.chatter .tweets{background-image:linear-gradient(0deg,#f7f8f8 0,#fff 100%);padding:40px 0 0 0}@media screen and (min-width:480px){section.chatter .tweets{padding:40px 0}}section.chatter .tweets *{font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}section.chatter .tweets .juicer-feed{overflow:visible}section.chatter .tweets .feed-item.juicer,section.chatter .tweets .referral{display:none}section.chatter .tweets .feed-item{border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.1)}footer{background:#f7f8f8;padding:40px 0 30px 0}footer p{color:#8b8b8b;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:14px;text-align:center}@media screen and (min-width:480px){footer p{font-size:16px}}.best-practices{padding-top:124px;text-align:left;width:100%}.best-practices .headline{margin-bottom:16px}.best-practices .cta{margin-bottom:54px}@media screen and (min-width:768px){.best-practices .cta{max-width:50%}}.best-practices .grid{display:flex;flex-wrap:wrap}.best-practices .grid a{color:#313d3e}@media screen and (min-width:768px){.best-practices .best-practice{width:48%}}@media screen and (min-width:960px){.best-practices .best-practice{width:30%}}@media screen and (min-width:768px) and (max-width:959px){.best-practices .best-practice:nth-child(2n){margin:0 0 0 4%}}@media screen and (min-width:960px){.best-practices .best-practice:nth-child(3n-1){margin:0 5%}}.best-practices .best-practice h4{font-weight:700;font-size:18px;line-height:32px;margin:0 0 14px 0}@media screen and (min-width:768px){.best-practices .best-practice h4{font-size:22px;line-height:34px}}.best-practices .best-practice img{height:16px;width:auto;margin-right:8px}.best-practices .best-practice p{font-size:16px;font-weight:400;line-height:28px;margin:0 0 45px 0}.resources{overflow:hidden;padding-top:124px;text-align:left;width:100%}.resources h1{margin-bottom:16px}.resources strong{display:block}.resources .videos{margin:40px auto 0 auto}.resources .videos .grid{display:flex;flex-wrap:wrap;margin-bottom:-45px}.resources .video{color:#313d3e;outline:0;box-shadow:none;width:100%}@media screen and (min-width:768px){.resources .video{width:48%}}@media screen and (min-width:960px){.resources .video{width:30%}}@media screen and (min-width:768px) and (max-width:959px){.resources .video:nth-child(2n){margin:0 0 0 4%}}@media screen and (min-width:960px){.resources .video:nth-child(3n-1){margin:0 5%}}.resources .video:active,.resources .video:visited{outline:0;box-shadow:none}.resources .video:hover .thumbnail-wrap{background:#00c7b7;border-color:#00c7b7;box-shadow:0 8px 24px rgba(0,0,0,.2)}.resources .video:hover .thumbnail-wrap:after{background-size:64px 64px}.resources .video:hover img{opacity:.1}.resources .video img{height:auto;margin-bottom:-10px;opacity:.5;transition:opacity .2s ease;width:100%}.resources .video h4{font-size:18px;font-weight:700;line-height:30px;margin:24px 0 16px 0}.resources .video p{font-size:16px;font-weight:400;line-height:28px;margin:0 0 45px 0}.resources .thumbnail-wrap{background:#000;border-radius:4px;border:1px solid #bcbcbc;box-sizing:border-box;box-shadow:0 0 8px transparent;margin-bottom:8px;max-height:236px;overflow:hidden;position:relative;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.resources .thumbnail-wrap.imported img{margin-top:-18px}.resources .thumbnail-wrap:after{background:url(/c3365a08383c59e50100d4a28889aa3155700d25/3661f/img/play-btn.svg) no-repeat center;background-size:44px 44px;content:'';height:100%;position:absolute;width:100%;z-index:3;top:0;left:0;transition:background-size .2s ease}.resources .articles{margin:40px 0}@media screen and (min-width:768px){.resources .articles{margin:104px 0}}@media screen and (min-width:960px){.resources .articles{margin:40px 0 104px 0}}.resources .articles-list{display:block;list-style-type:none;margin:32px auto 0 auto;text-align:left}.resources .articles-list li{display:flex;flex-flow:row wrap;padding:0;position:relative;transition:background .2s ease}.resources .articles-list li:before{background:#fff;content:' ';height:100%;left:-200%;position:absolute;top:0;width:400%;z-index:-1;transition:background .2s ease}.resources .articles-list li:hover:before{background:#00c7b7!important}.resources .articles-list li:hover a{color:#fff}.resources .articles-list li:hover span{transform:translateX(24px)}.resources .articles-list li:nth-child(odd):before{background:#f6f6f6}.resources .articles-list li:nth-child(odd) span{color:#f6f6f6}.resources .articles-list li a,.resources .articles-list li h2{color:#313d3e;display:inline-block;flex:1;vertical-align:bottom}.resources .articles-list li a:first-child,.resources .articles-list li a:last-child,.resources .articles-list li h2:first-child,.resources .articles-list li h2:last-child{flex:2}.resources .articles-list li a:not(:first-child):not(:last-child),.resources .articles-list li h2:not(:first-child):not(:last-child){display:none}@media screen and (min-width:768px){.resources .articles-list li a:not(:first-child):not(:last-child),.resources .articles-list li h2:not(:first-child):not(:last-child){display:initial}}.resources .articles-list li h3{display:inline-block}.resources .articles-list li a{cursor:pointer;padding:16px 40px 16px 0;position:relative}.resources .articles-list li span{color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-size:14px;float:right;text-align:right;top:calc(50% - 10px);right:24px;transform:translateX(0);position:absolute;transition:transform .2s ease}@media screen and (min-width:768px){.resources .articles-list li span:before{content:'Read Full Article '}}.resources .podcast-promo{background:#222 url(/img/005cf23aeb8b3f6efbd270872d9a34550fcd5dbd/podcast-bg.jpg) top center no-repeat;background-size:cover;color:#fff;border-radius:10px;padding:64px 40px}@media screen and (min-width:768px){.resources .podcast-promo{padding:64px 24px}}@media screen and (min-width:960px){.resources .podcast-promo{padding:64px 40px}}.resources .podcast-promo h1{margin:-18px 0 4px 0}.resources .podcast-promo p{margin:0 0 -10px 0;opacity:.7}.resources .podcast-promo .cta,.resources .podcast-promo .teaser{box-sizing:border-box}@media screen and (min-width:768px){.resources .podcast-promo .cta,.resources .podcast-promo .teaser{display:inline-block;width:calc(70% - 40px);vertical-align:middle}}@media screen and (min-width:960px){.resources .podcast-promo .cta,.resources .podcast-promo .teaser{width:calc(60% - 40px)}}@media screen and (min-width:768px){.resources .podcast-promo .cta{padding-right:40px;width:calc(40% - 40px)}}@media screen and (min-width:960px){.resources .podcast-promo .cta{padding-right:104px}}.resources .podcast-promo img{width:100%;margin-bottom:10px}.resources .podcast-promo .button{display:block;margin-bottom:40px;max-width:100%;text-align:center}@media screen and (min-width:768px){.resources .podcast-promo .button{margin-bottom:0}}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:0!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:0!important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:0!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}.examples{background-image:linear-gradient(0deg,#f7f8f8 0,#fff 100%);padding-top:124px;text-align:left}@media screen and (min-width:768px){.examples{padding-top:144px}}.examples .cta{margin-bottom:24px}@media screen and (min-width:768px){.examples .cta{margin-bottom:54px}}@media screen and (min-width:768px){.examples .cta h1,.examples .cta p{width:48%}}.examples .cta h1{margin:0 4% 40px 0}@media screen and (min-width:768px){.examples .cta h1{font-size:17px;font-style:italic;line-height:26px;margin-bottom:24px}}.examples .cta strong{display:block}.examples .grid{display:flex;flex-wrap:wrap}.examples .example{color:#313d3e}@media screen and (min-width:768px){.examples .example{width:48%}}@media screen and (min-width:960px){.examples .example{width:30%}}@media screen and (min-width:768px) and (max-width:959px){.examples .example:nth-child(2n){margin:0 0 0 4%}}@media screen and (min-width:960px){.examples .example:nth-child(3n-1){margin:0 5%}}.examples .example:hover img{box-shadow:0 8px 24px rgba(0,0,0,.2)}.examples .example h1{font-size:22px;font-weight:700;line-height:34px;margin:0 0 6px 0}.examples .browser{background:#f7f8f8;border:1px solid #bcbcbc;border-bottom:none;border-radius:4px 4px 0 0;color:#bcbcbc;line-height:0;overflow:hidden}.examples .browser .controls{background:#fff;box-shadow:calc(8px / 2) 0 0 #bcbcbc;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);padding:calc(8px / 2) calc(8px / 4) 7px calc(8px / 4);width:24px}.examples img{box-sizing:border-box;border:1px solid #bcbcbc;border-radius:0 0 4px 4px;box-shadow:0 0 8px transparent;height:auto;margin-bottom:26px;transition:box-shadow .2s ease;width:100%}.examples h2{font-size:14px}.examples p:not(.cta){font-size:16px;font-weight:400;line-height:28px;margin:0 0 26px 0}.examples .tools{list-style-type:none;margin:8px 0 34px 0;padding:0;-moz-column-count:2;-moz-column-gap:16px;-webkit-column-count:2;-webkit-column-gap:16px;column-count:2;column-gap:16px}@media screen and (min-width:768px){.examples .tools{margin-bottom:58px}}.examples .tools li{font-weight:400}.examples .tools li:before{content:'• '}.community h1{line-height:32px}@media screen and (min-width:768px){.community h1{line-height:40px}}.community .hero{background:url(/d6dd45e386d624fae2c0568cb9aa55eb96f04fc4/bff9a/img/chapters/meetup-logo.svg) top center no-repeat;background-position:bottom center;background-size:cover;padding:104px 0 24px 0;text-align:center}@media screen and (min-width:768px){.community .hero{background-position:top center;padding:160px 0 calc(104px * 2) 0;margin-bottom:-104px}}.community .grid{display:flex;flex-wrap:wrap;margin-bottom:0}@media screen and (min-width:768px){.community .grid{margin-bottom:calc(64px * 1.61)}}.community .gitter{margin:24px auto}@media screen and (min-width:768px){.community .gitter{margin:-40px auto 40px auto}}.community .gitter strong{display:block}.community .gitter .hook{align-self:center;margin:0 0 40px 0;width:100%}@media screen and (min-width:768px){.community .gitter .hook{margin:0 3% 0 0;width:44%}}.community .gitter .event-card{color:#313d3e;border:1px solid #d1d4d4;box-sizing:border-box;display:none;padding:40px;text-align:left;transition:all .2s ease}.community .gitter .event-card:hover{color:#fff;background:#00c7b7;border-color:#00c7b7}@media screen and (min-width:768px){.community .gitter .event-card{display:initial;padding:24px;margin-left:7%;width:40%}}@media screen and (min-width:960px){.community .gitter .event-card{padding:40px}}.community .gitter .event-card h4{font-weight:700;margin-top:-10px}@media screen and (min-width:768px){.community .gitter .event-card h4{font-weight:400}}.community .gitter .event-card p{font-size:16px;font-weight:400;margin-bottom:-10px}.community .gitter .event-card p:last-child{margin-top:24px}.community .chapter{color:#313d3e;margin-bottom:64px;text-align:center;width:100%}@media screen and (min-width:768px){.community .chapter{width:30%}}@media screen and (min-width:768px){.community .chapter:nth-child(3n-1){margin:0 5%}}.community .chapter.jamstack-boston img{margin-top:-16px;height:167px}.community .chapter.jamstack-oklahoma-city img{margin-top:-12px;height:163px}.community .chapter.jamstack-nyc img{height:178px;margin-top:-29px;margin-bottom:18px}.community .chapter.jamstack-seattle img{height:159px;margin-top:-8px}.community .chapter.jamstack-portland img{height:156px;margin-top:-5px}.community .chapter img{box-sizing:border-box;height:calc(168px * .9);margin-bottom:16px;transition:box-shadow .2s ease;width:100%}.community .chapter h1{font-size:22px;font-weight:700;line-height:34px;margin:0 0 14px 0}@media screen and (min-width:768px) and (max-width:959px){.community .chapter h1{font-size:18px}}.community .chapter .button{border:1px solid #ed1c40;background:#fff;color:#313d3e;display:inline-block;min-width:168px;transition:background .2s ease,color .2s ease}.community .chapter .button:hover{background:#ed1c40;color:#fff}.community .chapter .button.greyed,.community .chapter .button.greyed:hover{border:#ccc;background:#ccc;color:#fff}.community .events{overflow:hidden;margin:0 auto 64px auto;display:block}@media screen and (min-width:768px){.community .events{margin:104px auto 64px auto}}.community .events>h1{margin-bottom:32px;text-align:center;width:100%}@media screen and (min-width:768px){.community .events>h1{margin-bottom:46px}}.community .events .event-card,.community .events .meetup-events-label{display:block;float:left;margin-right:2.3576516%;width:100%}@media screen and (min-width:960px){.community .events .event-card,.community .events .meetup-events-label{display:block;float:left;margin-right:2.3576516%;width:65.88078280%;margin-left:17.05960860%}.community .events .event-card:last-child,.community .events .meetup-events-label:last-child{margin-right:0}}.community .events .event-card:last-child,.community .events .meetup-events-label:last-child{margin-right:0}.community .events .meetup-events-label{font-weight:700;margin-top:18px;margin-bottom:12px;background:url(/bdc61b346e6971550e25884d35835d06da937a57/85a50/img/chapters/meetup-logomark.svg) no-repeat left center;background-size:auto 100%;background-size:contain;padding-left:28px;text-align:left;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;overflow:hidden}@media screen and (min-width:768px){.community .events .meetup-events-label{margin-top:37px;padding-left:46px}}.community .events .event-card{color:#313d3e;cursor:default;line-height:30px;padding:24px;text-decoration:none;background:#fff;border:1px solid #d1d4d4;box-shadow:0 0 0 transparent;border-radius:4px;box-sizing:border-box;margin-bottom:16px;overflow:hidden;position:relative;top:0;transition:top .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left}.community .events .event-card.with-link{cursor:pointer}.community .events .event-card.with-link:active,.community .events .event-card.with-link:focus,.community .events .event-card.with-link:visited{color:#313d3e}.community .events .event-card.with-link:hover{top:-2px;border-color:#00c7b7;box-shadow:0 5px 8px rgba(0,0,0,.2)}.community .events .event-card:last-child{margin-bottom:0}.community .events .event-card .event-date{display:block;float:left;margin-right:3.57866361%;width:22.31600229%;text-align:justify;text-transform:uppercase;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:900;font-size:14px;line-height:14px}@media screen and (min-width:768px){.community .events .event-card .event-date{display:block;float:left;margin-right:3.57866361%;width:9.36866934%}.community .events .event-card .event-date:last-child{margin-right:0}}.community .events .event-card .event-date:last-child{margin-right:0}.community .events .event-card .event-info{display:block;float:left;margin-right:3.57866361%;width:74.10533410%}@media screen and (min-width:768px){.community .events .event-card .event-info{display:block;float:left;margin-right:3.57866361%;width:87.05266705%}.community .events .event-card .event-info:last-child{margin-right:0}}.community .events .event-card .event-info h4{color:#8b8b8b;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:14px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 16px 0;padding:0}.community .events .event-card .event-info h1{font-size:24px;font-weight:400;line-height:30px;margin:0 0 1px 0;padding:0}.community .events .event-card .event-info em,.community .events .event-card .event-info p{margin:0;padding:0;font-size:16px;font-weight:400;line-height:24px}.community .events .event-card .event-info em{color:#8b8b8b;font-family:Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:40px}.community .events .event-card .event-info p{margin-top:9px}.community .events .event-card .event-info:last-child{margin-right:0}.community .events:after,.community .events:before{content:" ";display:table}.community .events:after{clear:both}.community .bottom-cta{background:#f7f8f8;text-align:center}.community .bottom-cta .contained{padding:64px 40px}.community .bottom-cta img{width:320px;max-width:100%;margin:0 0 24px 0}.community .bottom-cta a{background:#ed1c40;display:inline-block;padding:16px 24px;min-width:168px;text-align:center}.promo-banner{background-color:#000;color:#fff;display:block;text-align:center;z-index:200;position:fixed;margin:0;padding:0;width:100%}.promo-banner p{margin:0;padding-top:.6em;padding-bottom:.6em}@media (min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){.resources .podcast-promo{background:#222 url(/img/39dee3a9b9ec41aebc133cf012356fcfe67b5e24/podcast-bg@2x.jpg) top center no-repeat;background-size:cover}}