html{box-sizing:border-box;font-size:100%;height:100%}*,:after,:before{box-sizing:inherit}body{color:#3b3b3b;font-family:Helvetica,Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}h1,h2,h3,h4,h5{margin:6px;padding:0}.wrapper{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto 1fr auto;line-height:23px;min-height:100vh}.wrapper>*{grid-column:2/-2}.wrapper header{align-items:center;background:linear-gradient(red,transparent),linear-gradient(to top left,#0f0,transparent),linear-gradient(to top right,#00f,transparent);background-blend-mode:screen;background-size:cover;color:#fff;display:flex;grid-column:1/-1;height:100vh;height:500px;justify-content:center;margin-bottom:20px;text-align:center;width:100vw}.wrapper header h1{font-size:3.5em;text-shadow:-2px -2px 3px #a3a2a2}.wrapper h2{margin:0}.wrapper footer{display:flex;height:50px;justify-content:flex-end}.bacon>img{display:block;margin:auto;width:75px}