#home main{background:0 0}#home h2>i[class^=icon-]{position:relative;top:-5px;font-size:30px;font-size:1.66667rem}#home h2>i[class^=icon-]{margin-right:10px;margin-left:0}html[dir=rtl] #home h2>i[class^=icon-]{margin-right:0;margin-left:10px}#home .entry-meta{font-size:16px;font-size:.88889rem;font-style:italic}@media all and (max-width:47.9375em){#home .column-hacks>h2,#home .column-involved h2{font-size:24px;font-size:1.33333rem}#home .column-hacks>h2>i[class^=icon-],#home .column-involved h2>i[class^=icon-]{display:none}}html[dir=rtl] #home .icon-arrow-right:before{content:'\f060'}.home-masthead{clear:both;position:relative;background-color:#83d0f2;box-sizing:border-box;padding-top:40px;padding-bottom:40px;text-align:center;overflow:hidden}.home-masthead:after{content:' ';clear:both;display:table}.home-masthead .masthead-background{position:absolute;top:20px;left:100px;width:80%;height:80%}.home-masthead h1{font-size:42px;font-size:2.33333rem;margin:0 0 40px;line-height:1}@media all and (min-width:47.9385em){.home-masthead{min-height:444px;padding-top:150px}.home-masthead:before{content:'';position:absolute;top:20px;left:50%;height:200px;width:246px;margin-left:-123px;background:url("../../img/hero-dino.6c51deebd4af.png");background-size:auto 200px}}.home-features{max-width:775px;margin:0 auto}.home-features li{font-size:19px;font-size:1.05556rem;margin-top:20px}.home-features li:first-child{margin-top:0}.home-features a{color:#333}.home-features .cta-link{width:100%}@media all and (min-width:63.9385em){.home-features{display:table;width:855px;max-width:855px;border-spacing:40px 0}.home-features li{display:table-cell}}.home-callouts .column-container{padding:20px 0}.column-callout{margin-bottom:20px;background:#00539f}.column-callout>a{color:#fff!important;display:block;min-height:170px;position:relative;overflow:hidden;font-size:19px;font-size:1.05556rem}.column-callout>a:after{content:'';display:block;position:absolute;top:20px;height:90px;width:90px}.column-callout>a:after{right:20px}html[dir=rtl] .column-callout>a:after{right:auto;left:20px}.column-callout>a:before{position:absolute;bottom:11px;display:inline-block;content:'';background-image:url("../../arrows/arrow-right.cbc8b4f075cc.svg");right:20px;left:auto;background-size:16px;background-repeat:no-repeat;width:16px;height:20px;z-index:4}html[dir=rtl] .column-callout>a:before{background-image:url("../../arrows/arrow-left.52215ddfcdd4.svg");right:20px;left:auto}.column-callout span{position:absolute;z-index:1;bottom:-2px;box-sizing:border-box}.column-callout span{padding:20px 110px 20px 20px}html[dir=rtl] .column-callout span{padding:20px 20px 20px 110px}@media all and (min-width:47.9385em) and (max-width:63.9375em){.column-callout a:after{display:none}.column-callout span{padding:20px 3em 20px 20px}html[dir=rtl] .column-callout span{padding:20px 20px 20px 3em}}@media all and (min-width:47.9385em){.column-callout{width:31.33333%;margin-bottom:0}}.callout-newsletter{background-color:#c2e8f9;margin-bottom:20px}.callout-newsletter .newsletter-form,.callout-newsletter .newsletter-thanks{padding:20px;min-height:130px}@media all and (min-width:47.9385em){.callout-newsletter{width:65.66667%;margin-bottom:0}}.callout-learn{background-color:#4d9f0c}.callout-deved{background-color:#216684}.callout-deved a:after{background-position:0 -300px}.callout-foundation{background:#e4f0f5}.callout-foundation strong{content:'';display:block;height:30px;width:109px;margin-bottom:2px;background-image:url("../../img/web-docs-sprite.22a6a085cf14.svg");background-size:400px auto;background-position:-91px -57px;direction:ltr;text-indent:100%;overflow:hidden}.callout-foundation a:before{display:none;color:#333}@media all and (min-width:47.9385em) and (max-width:63.9375em){.callout-foundation a:before{display:block}}.callout-foundation a:after{height:84px;background-image:url("../../img/home-foundation.15208a160d11.png");background-size:90px auto}.callout-foundation a span{color:#333}.callout-foundation button{position:relative;margin-top:6px}.callout-foundation button{padding-right:2em}html[dir=rtl] .callout-foundation button{padding-right:inherit;padding-left:2em}@media all and (min-width:47.9385em) and (max-width:63.9375em){.callout-foundation button{display:none}}.callout-foundation button:after{position:absolute;top:50%;display:inline-block;content:'';background-image:url("../../arrows/arrow-right.cbc8b4f075cc.svg");right:10px;left:auto;background-size:16px;background-repeat:no-repeat;width:16px;height:20px;transform:translateY(-50%)}html[dir=rtl] .callout-foundation button:after{background-image:url("../../arrows/arrow-left.52215ddfcdd4.svg");right:10px;left:auto}.callout-standard{background-color:#83d0f2}.callout-standard a{font-size:14px;font-size:.77778rem;color:#000!important;font-weight:700}.callout-standard a:after{display:none;height:140px;top:15px;width:129px}.callout-standard a:after{right:20px}html[dir=rtl] .callout-standard a:after{right:auto;left:20px}@media all and (min-width:29.9385em) and (max-width:47.9375em){.callout-standard a:after{display:block}}@media all and (min-width:74.9375em){.callout-standard a:after{display:block}}@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3 / 2),(min-resolution:1.5dppx){.callout-standard a:after{background-size:129px 140px}}.callout-standard a:before{content:none;display:none}.callout-standard span{padding:20px}@media all and (min-width:29.9385em) and (max-width:47.9375em){.callout-standard span{padding:20px 169px 20px 20px}html[dir=rtl] .callout-standard span{padding:20px 20px 20px 169px}}@media all and (min-width:74.9375em){.callout-standard span{padding:20px 169px 20px 20px}html[dir=rtl] .callout-standard span{padding:20px 20px 20px 169px}}.callout-standard p{margin-bottom:0}.callout-standard .callout-subtext{font-size:18px;font-size:1rem}.callout-standard button{background:#fff;border:2px solid;border-radius:0;box-shadow:none;color:#000;display:inline-block;font-weight:700;margin-top:14px;padding:9px;text-transform:none}.callout-standard button{text-align:left}html[dir=rtl] .callout-standard button{text-align:right;text-align:left}.callout-survey a:after{background-image:url("../../img/embed/promos/survey.769df9a4b940.svg")}@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3 / 2),(min-resolution:1.5dppx){.callout-survey a:after{background-image:url("../../img/embed/promos/survey.769df9a4b940.svg")}}.callout-layout-debugging{box-sizing:border-box;background-color:#d6f4ff;border:1px solid #999;box-shadow:2px 2px 5px #edecec,-2px -1px 5px #edecec}@media screen and (min-width:83.9375em){.callout-layout-debugging{background:#d6f4ff url("../../img/embed/promos/picassofox.4b8756f1f00f.svg") 100% 20px no-repeat;background-size:150px}}.callout-layout-debugging span{position:relative;padding:0}.callout-layout-debugging a{padding:24px;min-height:150px}@media all and (min-width:63.9385em){.callout-layout-debugging a{padding:10px 24px}}@media all and (min-width:47.9385em) and (max-width:63.9375em){.callout-layout-debugging a{padding:18px 24px;min-height:130px}}.callout-layout-debugging a:active,.callout-layout-debugging a:focus,.callout-layout-debugging a:hover,.callout-layout-debugging a:visited{text-decoration:none}.callout-layout-debugging .main-copy{margin-left:5px;margin-bottom:12px;font-size:1.7rem;line-height:1.2}@media all and (min-width:63.9385em){.callout-layout-debugging .main-copy{font-size:1.6rem;max-width:290px}}@media all and (min-width:47.9385em) and (max-width:63.9375em){.callout-layout-debugging .main-copy{font-size:1.1rem}}.callout-layout-debugging .callout-subtext{display:block;margin-top:12px;font-weight:400}.callout-layout-debugging button{margin-top:5px;padding:10px;border-radius:3rem;border:2px solid #b2d9e7;min-width:170px;text-align:center}.home-hacks{padding:30px 0;background:#fff}.home-hacks li{margin-right:20px;padding-top:20px;border-bottom:1px solid #ececec}.home-hacks li:first-child{padding-top:10px}.home-hacks h2.entry-title{letter-spacing:0;line-height:normal;margin-bottom:0;font-size:24px;font-size:1.33333rem}.home-hacks h2.entry-title a{text-decoration:underline}.home-hacks .heading-link{display:block;margin:10px 0 0;font-style:italic;font-size:18px;font-size:1rem;font-weight:400}@media all and (max-width:47.9375em){.home-hacks .heading-link{margin:8px 0 0 0;display:block}}.column-hacks li:last-child{border-bottom:0}.column-hacks,.column-involved{width:auto}@media all and (min-width:63.9385em){.column-hacks{width:65.66667%}.column-involved{width:31.33333%}}.home-contribute a{text-decoration:underline}.home-contribute h3{font-size:19px;font-size:1.05556rem;font-weight:700;text-transform:uppercase}.home-contribute li{border-bottom:1px solid #ececec;padding:10px 0}.home-contribute-recent{margin-top:10px}@media all and (max-width:47.9375em){.home-contribute li:last-child{border-bottom:1px solid #ececec}}