main.css

.l-hero{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;height:auto;padding-top:1em;padding-bottom:1em}.l-hero-left{width:60%;text-align:left;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.l-hero-right{width:40%;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.mdl-layout__header-row--highlight{background-color:rgba(0,0,0,.1);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 40px}.mdl-layout__header-row--highlight a{color:#fff;text-decoration:none}.l-hero-title{font-size:32px;font-weight:300}.l-hero-desc{font-size:20px;font-weight:300}.l-hero-code{display:inline-block;text-align:left;padding:1em 2em 1em 1em;background-color:hsla(0,0%,100%,.1);font-size:18px}.l-hero-code em{font-style:normal;color:#ff5964}.l-hero-image{width:auto;height:auto}.blinking-cursor{font-weight:100;color:#fff;-webkit-animation:1s a step-end infinite;animation:1s a step-end infinite}.header__stats{font-size:12px;font-weight:400}.header__container{max-width:1000px;margin:0 auto;box-sizing:border-box;width:100%}.header__gh-link{color:hsla(0,0%,100%,.8);text-decoration:none;margin-right:10px}.header__gh-link:hover{color:#fff}.header__gh-link svg{padding-right:6px}.header__button{font-size:16px;padding:.25em 1em;margin-right:1em}@-webkit-keyframes a{0%,to{color:transparent}50%{color:#000}}@keyframes a{0%,to{color:transparent}50%{color:#000}}@media screen and (max-width:1000px){.mdl-layout__header-row--highlight{padding-left:16px;padding-right:16px}}@media screen and (max-width:768px){.header__button{font-size:14px;padding:.125em 1em;margin-right:1em}.l-hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.l-hero-left{width:100%}.l-hero-left,.l-hero-right{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.l-hero-right{width:60%;max-width:400px}}.mdl-mini-footer{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer__copyright{color:#fff}html>body{font-family:Roboto,Helvetica,Arial,sans-serif}.color--white{color:#fff}.container{max-width:1000px;margin:0 auto;padding:16px 40px 40px}.l-title{padding-right:24px}.l-title,.l-title:active,.l-title:hover,.l-title:visited{color:#fff;text-decoration:none}.l-page{padding:0 40px 0 80px}.l-container,.l-page{max-width:1000px;margin:0 auto;box-sizing:border-box}.l-container{width:100%}.main__content{max-width:1000px;margin:0 auto;padding:16px 40px 40px}@media screen and (max-width:1024px){.container,.main__content{padding:0 16px 16px}}