*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{background-color:#fff;color:#353535;font:20px / 1.4 'Roboto', sans-serif;overflow-y:scroll}body:after,body:before{width:100%;position:fixed;left:0;z-index:100;background:#43b7b6;content:''}body:before{height:4rem;top:0;border-bottom:solid 1rem #168786}body:after{height:2rem;bottom:0;border-top:solid 0.5rem #168786}body::-webkit-scrollbar{width:1.25rem;background:rgba(0, 0, 0, 0.15);-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0 0 5px inset;box-shadow:rgba(0, 0, 0, 0.25) 0 0 5px inset}body::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.6);background-clip:padding-box;border:solid 0.25rem transparent;border-radius:9999em;-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0 0 2px 0 inset;box-shadow:rgba(0, 0, 0, 0.6) 0 0 2px 0 inset}h1,h2,h3{font-family:'Raleway', sans-serif}.main{display:-webkit-box;display:-ms-flexbox;display:flex;padding:calc(5rem) 1rem calc(3rem)}.content{position:relative;-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.subheading,.title{padding-left:calc(190px + 1rem)}.title{font-size:4.25em;font-weight:900;line-height:1.05;margin:0.5em 0 0.25em}.avatar{width:190px;height:190px;position:absolute;top:0;left:0;border:solid 0.5rem #43b7b6;float:left;margin:1rem 1rem 1rem 0;overflow:hidden}.avatar img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.subheading{margin:0 0 1em}@media (max-width:60em){body{font-size:16px}}@media (max-width:40em){.content{text-align:center}.subheading,.title{padding-left:0}.title{margin-top:calc(190px + 2rem)}.avatar{left:50%;margin-left:calc(190px / -2)}}