Critical CSS for marionettejs.com, as generated by Penthouse

gistfile1.txt

@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(http://fonts.gstatic.com/s/questrial/v6/MYWJ4lYm5dbZ1UBuYox79JBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html,body,div,span,h1,h2,p,a,img,ul,li,header,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}header,nav,section{display:block}body{line-height:1}ul{list-style:none}html{box-sizing:border-box;color:#818285;line-height:32px;-webkit-font-smoothing:antialiased;font-size:20px;font-family:'Questrial',sans-serif}*,*:before,*:after{box-sizing:inherit}section{padding:50px 0}@media screen and (max-width: 900px){section{padding:20px;}}.column-contain{padding-left:25px;padding-right:25px;border-top:1px solid #e3ecf1;margin:0 auto;width:90%;max-width:1200px}.col-1-3{width:33.33%}@media screen and (max-width: 777px){.col-1-3{width:100%;}}h1,h2{font-family:'Questrial',sans-serif}h2{font-size:24px;line-height:30px;color:#cf2227;margin-bottom:15px}p{color:#56585E;line-height:30px;font-size:20px;font-family:'Questrial',sans-serif}ul{padding:0;list-style-type:none}.left{float:left}.right{float:right}.clear{clear:both}.cl{clear:both}.hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#tx-live-lang-container{display:none}a{color:#378dbe}a.btn{color:white;height:36px;display:inline-block;vertical-align:middle;background:#5da3cb;line-height:36px;text-align:center;text-decoration:none;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:bold;font-family:'Questrial',sans-serif;border-radius:36px}a.btn.btn-action{padding:0 20px;background-color:#378dbe;color:white}.btn-action{text-align:center}.btn-action.btn{margin-top:30px;display:inline-block}@media screen and (max-width: 768px){.btn-action.btn{margin-top:10px;text-align:center;}}@media screen and (max-width: 520px){.btn-action.btn{display:none;}}.btn-action.secondary-color{margin-left:25px}.btn-action.secondary-color.btn{background:#29C8A4}.about{border-top:0}.about p{margin-bottom:20px}.about .features{margin:20px 0px}.about .features .feature{margin:0;padding-right:20px}.support-link-icon{position:relative;vertical-align:middle}.middot{font-weight:bold;padding:0 6px}.primary-logo{width:177px;margin:40px auto 3px;display:block}.logo-text{display:block;margin:0 auto}.masthead{padding:0 25px 40px;overflow:hidden;text-align:center;background:#EDF3F6;border-bottom:1px solid #bad1dc}.masthead .wrapper{margin:auto;padding:60px;max-width:1200px;overflow:hidden}.masthead .wrapper .secondary-color{min-width:154px}@media screen and (max-width: 768px){.masthead .wrapper{padding:10px 0 0 0;}}.masthead .wrapper .left{width:30%}@media screen and (max-width: 768px){.masthead .wrapper .left{width:100%;}}.masthead .wrapper .right{text-align:left;width:70%;padding:40px;padding-right:20px}@media screen and (max-width: 768px){.masthead .wrapper .right{width:100%;padding:0;text-align:center;}}.masthead .wrapper .right h1,.masthead .wrapper .right p{text-align:left;color:#555;display:inline-block}.masthead .wrapper .right h1{font-weight:bold;margin-top:20px;font-size:30px}.masthead .wrapper .right p{margin-top:10px;margin-bottom:15px;font-size:20px}@media screen and (max-width: 768px){.masthead .wrapper .right{width:100%;padding:0;text-align:center;}.masthead .wrapper .right h1,.masthead .wrapper .right p{text-align:center}.masthead .wrapper .right h1{margin-top:30px}}.global-nav{background:#cf2227;min-height:40px;position:fixed;top:0;width:100%;z-index:999}.global-nav__section{padding:0;border:none}.global-nav__section .menu-icon{display:none}@media screen and (max-width: 660px){.global-nav__section .menu-icon{color:#fff;line-height:inherit;background:transparent;background-image:none;border:0 solid transparent;position:relative;float:right;display:block;padding:4px 6px;margin:3px 12px 3px 0;}}.global-nav__section a,.global-nav__section .left{color:white;text-decoration:none;line-height:40px;height:40px}@media screen and (max-width: 660px){.global-nav__section .nav-slider.closed{max-height:0;}}.global-nav__section .nav-slider{float:right}.global-nav__section .nav-slider__list{float:left}.global-nav__section .nav-slider__list>li{position:relative;display:block}@media screen and (max-width: 660px){.global-nav__section .nav-slider{background-color:#cf2227;float:none;clear:both;overflow-y:hidden;max-height:286px;transition-property:all;transition-duration:0.5s;transition-timing-function:cubic-bezier(0, 1, 0.5, 1);-webkit-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);}.global-nav__section .nav-slider__list{float:none}}.global-nav__section li{font-size:14px}.global-nav__section li .middot{font-weight:bold;color:white;display:inline-block;padding:0 14px;cursor:default}@media screen and (max-width: 660px){.global-nav__section li .middot{display:none;}}@media screen and (max-width: 660px){.global-nav__section li{float:none;text-align:center;border-top:1px dashed #e45a5e;box-sizing:content-box;font-size:16px;}.global-nav__section li a{display:block;width:100%}.global-nav__section li .github-mark{margin-top:0;height:40px}}@media screen and (max-width: 660px){.global-nav__section{width:100%;}.global-nav__section .logo{margin-left:20px}}p.description{display:block;max-width:740px;font-size:16px;padding-bottom:30px;line-height:30px}.top{display:inline-block;height:40px;width:40px;border-radius:50%;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);z-index:900;overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(188,189,192,0.8) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23fff" d="M8 2.8l8 7.9-2.4 2.4-5.5-5.5-5.6 5.6L0 10.7z"/></svg>') no-repeat center 50%;visibility:hidden;opacity:0;transition:opacity 0.3s 0s,visibility 0s 0.3s}@media only screen and (min-width: 768px){.top{right:20px;bottom:20px;}}@media only screen and (min-width: 1024px){.top{height:50px;width:50px;right:30px;bottom:30px;}}