foo.be/_site/css/main.css

*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{min-height:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-size:62.5%}body{font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}article,aside,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img{max-width:100%;font-style:italic;vertical-align:middle;border:0}svg:not(:root){overflow:hidden}svg{pointer-events:none;max-height:100%}a{background-color:transparent;text-decoration:none;color:#3F51B5}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}i,em{font-weight:italic}figure{margin:0}hr{margin-top:2.5rem;margin-bottom:2.5rem;width:100%;height:1px;border:0;background:#EFF1F3}pre{overflow:auto}.u-container{max-width:116rem;margin-right:auto;margin-left:auto}.c-header{padding-top:14.1rem;padding-bottom:7.5rem;padding-right:2.5rem;padding-left:2.5rem;background:#3F51B5}.c-header__title{position:relative;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1.5;font-size:4rem;color:#fff}.c-header__title:after{margin-left:.5rem;color:rgba(255,255,255,0.5);content:'¬'}.c-header__title span{color:rgba(255,255,255,0.5)}.c-navigation{position:absolute;top:0;left:0;padding:0 2.5rem;width:100%;background:#3F51B5;z-index:10}.c-navigation:after{content:'';position:absolute;top:100%;left:0;width:100%;height:10px;background:linear-gradient(to bottom, rgba(0,0,0,0.25), transparent)}.c-navigation.is-fixed{position:fixed;will-change:transform}.c-navigation__item{position:relative;display:inline-block;padding-top:2.5rem;padding-bottom:2.5rem;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1;font-size:1.6rem;color:#fff;text-transform:uppercase}.c-navigation__item:not(:last-of-type){margin-right:2.5rem}.c-navigation__item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent;transition:background ease-in-out 0.2s}.c-navigation__item:hover:after,.c-navigation__item.is-active:after{background:#fff}.c-article__main{max-width:76rem;margin-right:auto;margin-left:auto;padding-top:7.5rem;padding-bottom:7.5rem;padding-right:2.5rem;padding-left:2.5rem;line-height:1.5;font-size:1.8rem}.c-article__main>*{margin-bottom:1.8rem;color:rgba(0,0,0,0.7)}.c-article__main a:not(.c-btn){text-decoration:underline}.c-article__main blockquote{margin-left:-2.5rem;width:calc(100% + 5rem);padding:2.5rem;background:#FAFAFA}.c-social{padding:7.5rem;background:#fff}.c-social__list{max-width:76rem;margin-right:auto;margin-left:auto;list-style:none}.c-social__title{font-family:'Roboto Mono', monospace;font-weight:500;line-height:1.25;font-size:3rem;color:rgba(0,0,0,0.5)}.c-btn{padding:1.5rem 2rem;line-height:1;font-size:1.6rem;text-decoration:none;background:#FAFAFA;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:3px}.c-btn-group{display:flex;justify-content:space-between}.c-footer{width:100%;height:300px;background:#FAFAFA}.highlight{margin-left:-2.5rem;width:calc(100% + 5rem);padding:2.5rem;background:#FAFAFA}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#