One for the future when our stylesheets have been cleaned and we've got rid of our current `pages/*`, and maybe even when we have webpack. We should compile our stylesheets into a number of production stylesheets that all target different media. We can then reduce the [render-block](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css) from our stylesheets. Example: ```html <link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet" media="all"> <link href="portrait.css" rel="stylesheet" media="orientation:portrait"> <link href="print.css" rel="stylesheet" media="print"> ``` Currently: