jasper2 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +21 -0
  3. data/README.md +113 -0
  4. data/_data/authors.yml +76 -0
  5. data/_data/tags.yml +16 -0
  6. data/_includes/analytics.html +11 -0
  7. data/_includes/author_pagination.html +13 -0
  8. data/_includes/dynamic_tag_info.html +8 -0
  9. data/_includes/dynamic_title.html +16 -0
  10. data/_includes/facebook.html +1 -0
  11. data/_includes/floating-header.html +28 -0
  12. data/_includes/ghost-logo.html +1 -0
  13. data/_includes/head.html +69 -0
  14. data/_includes/infinity.html +1 -0
  15. data/_includes/location.html +1 -0
  16. data/_includes/navigation.html +6 -0
  17. data/_includes/page-scripts.html +6 -0
  18. data/_includes/point.html +3 -0
  19. data/_includes/post-card-error.html +59 -0
  20. data/_includes/post-card-next.html +53 -0
  21. data/_includes/post-card-previous.html +53 -0
  22. data/_includes/post-card.html +55 -0
  23. data/_includes/post-scripts.html +63 -0
  24. data/_includes/post_pagination.html +13 -0
  25. data/_includes/rss.html +1 -0
  26. data/_includes/site-nav.html +27 -0
  27. data/_includes/subscribe-form.html +9 -0
  28. data/_includes/tag_pagination.html +13 -0
  29. data/_includes/twitter.html +1 -0
  30. data/_includes/website.html +1 -0
  31. data/_layouts/author.html +64 -0
  32. data/_layouts/default.html +139 -0
  33. data/_layouts/error.html +1 -0
  34. data/_layouts/feed.xml +113 -0
  35. data/_layouts/page.html +48 -0
  36. data/_layouts/post.html +196 -0
  37. data/_layouts/tag.html +42 -0
  38. data/_plugins/jekyll-autgenerator.rb +76 -0
  39. data/_plugins/jekyll-capitalize-all.rb +11 -0
  40. data/_plugins/jekyll-tagsgenerator.rb +70 -0
  41. data/_posts/1863-11-19-gettysburg-address.md +18 -0
  42. data/_posts/1865-11-26-down-the-rabbit-hole.md +62 -0
  43. data/_posts/1871-03-18-looking-glass-house.md +41 -0
  44. data/_posts/1912-07-24-out-to-sea.md +88 -0
  45. data/_posts/1948-12-12-the-purpose-of-education.md +26 -0
  46. data/_posts/1963-08-28-i-have-a-dream.md +103 -0
  47. data/_posts/2012-09-01-a-full-and-comprehensive-style-test.html +424 -0
  48. data/_posts/2014-08-12-the-businessman-and-fisherman.md +48 -0
  49. data/_posts/2017-07-27-advanced-markdown.html +57 -0
  50. data/_posts/2017-07-27-managing-users.html +24 -0
  51. data/_posts/2017-07-27-private-sites.html +19 -0
  52. data/_posts/2017-07-27-the-editor.html +55 -0
  53. data/_posts/2017-07-27-themes.html +30 -0
  54. data/_posts/2017-07-27-using-tags.html +41 -0
  55. data/_posts/2017-07-27-welcome.md +28 -0
  56. data/about/index.md +17 -0
  57. data/assets/built/global.css +2 -0
  58. data/assets/built/global.css.map +1 -0
  59. data/assets/built/screen.css +2 -0
  60. data/assets/built/screen.css.map +1 -0
  61. data/assets/built/screen.edited.css +2 -0
  62. data/assets/built/screen.edited.css.map +1 -0
  63. data/assets/built/syntax.css +2 -0
  64. data/assets/built/syntax.css.map +1 -0
  65. data/assets/css/.csscomb.json +237 -0
  66. data/assets/css/csscomb.json +240 -0
  67. data/assets/css/global.css +491 -0
  68. data/assets/css/screen.css +1928 -0
  69. data/assets/css/screen.edited.css +152 -0
  70. data/assets/css/syntax.css +66 -0
  71. data/assets/images/abraham.jpg +0 -0
  72. data/assets/images/advanced.jpg +0 -0
  73. data/assets/images/bear.jpg +0 -0
  74. data/assets/images/blog-cover.jpg +0 -0
  75. data/assets/images/blog-icon.png +0 -0
  76. data/assets/images/bus.jpg +0 -0
  77. data/assets/images/design.jpg +0 -0
  78. data/assets/images/edgar.gif +0 -0
  79. data/assets/images/fables.jpg +0 -0
  80. data/assets/images/favicon.png +0 -0
  81. data/assets/images/ghost-logo.svg +1 -0
  82. data/assets/images/ghost.png +0 -0
  83. data/assets/images/grapes.jpg +0 -0
  84. data/assets/images/hannah-cover.jpg +0 -0
  85. data/assets/images/hannah.jpg +0 -0
  86. data/assets/images/john.jpg +0 -0
  87. data/assets/images/lewis.jpeg +0 -0
  88. data/assets/images/locked.jpg +0 -0
  89. data/assets/images/martin.jpg +0 -0
  90. data/assets/images/piano.jpg +0 -0
  91. data/assets/images/sky.jpg +0 -0
  92. data/assets/images/speeches.jpg +0 -0
  93. data/assets/images/summit.jpg +0 -0
  94. data/assets/images/tags.jpg +0 -0
  95. data/assets/images/team.jpg +0 -0
  96. data/assets/images/water.jpg +0 -0
  97. data/assets/images/waves.jpg +0 -0
  98. data/assets/images/welcome.jpg +0 -0
  99. data/assets/images/writing.jpg +0 -0
  100. data/assets/js/infinitescroll.js +83 -0
  101. data/assets/js/jquery.fitvids.js +89 -0
  102. data/assets/screenshot-desktop.jpg +0 -0
  103. data/assets/screenshot-mobile.jpg +0 -0
  104. metadata +222 -0
@@ -0,0 +1,48 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/water.jpg
5
+ navigation: True
6
+ title: The Businessman & The Fisherman
7
+ date: 2014-08-12 10:18:00
8
+ tags: fables
9
+ class: post-template
10
+ subclass: 'post'
11
+ logo: assets/images/ghost.png
12
+ author: hannah
13
+ ---
14
+
15
+ An American businessman took a vacation to a small coastal Mexican village on doctor’s orders. Unable to sleep after an urgent phone call from the office the first morning, he walked out to the pier to clear his head. A small boat with just one fisherman had docked, and inside the boat were several large yellowfin tuna. The American complimented the Mexican on the quality of his fish.
16
+
17
+ “How long did it take you to catch them?” the American asked.
18
+
19
+ “Only a little while,” the Mexican replied in surprisingly good English.
20
+
21
+ “Why don’t you stay out longer and catch more fish?” the American then asked.
22
+
23
+ “I have enough to support my family and give a few to friends,” the Mexican said as he unloaded them into a basket.
24
+
25
+ “But… What do you do with the rest of your time?”
26
+
27
+ The Mexican looked up and smiled. “I sleep late, fish a little, play with my children, take a siesta with my wife, Julia, and stroll into the village each evening, where I sip wine and play guitar with my amigos. I have a full and busy life, señor.”
28
+
29
+ The American laughed and stood tall. “Sir, I’m a Harvard M.B.A. and can help you. You should spend more time fishing, and with the proceeds, buy a bigger boat. In no time, you could buy several boats with the increased haul. Eventually, you would have a fleet of fishing boats.”
30
+
31
+ He continued, “Instead of selling your catch to a middleman, you would sell directly to the consumers, eventually opening your own cannery. You would control the product, processing, and distribution. You would need to leave this small coastal fishing village, of course, and move to Mexico City, then to Los Angeles, and eventually to New York City, where you could run your expanded enterprise with proper management.
32
+
33
+ The Mexican fisherman asked, “But, señor, how long will all this take?”
34
+
35
+ To which the American replied, “15-20 years, 25 tops.”
36
+
37
+ “But what then, señor?”
38
+
39
+ The American laughed and said, “That’s the best part. When the time is right, you would announce an IPO and sell your company stock to the public and become very rich. You would make millions.”
40
+
41
+ “Millions señor? Then what?"
42
+
43
+ “Then you would retire and move to a small coastal fishing village, where you would sleep late, fish a little, play with your kids, take a siesta with your wife, and stroll in to the village in the evenings where you could sip wine and play your guitar with your amigos.”
44
+
45
+
46
+ Adapted from the "Anekdote zur Senkung der Arbeitsmoral" by **Heinrich Böll**
47
+
48
+ An influential German write and Nobel Prize for Literature in 1972.
@@ -0,0 +1,57 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/advanced.jpg
5
+ navigation: True
6
+ title: Advanced Markdown tips
7
+ date: 2017-07-27 05:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+
15
+ <p>There are lots of powerful things you can do with the Ghost editor</p>
16
+ <p>If you've gotten pretty comfortable with <a href="/the-editor/">all the basics</a> of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown!</p>
17
+ <p>As with the last post about the editor, you'll want to be actually editing this post as you read it so that you can see all the Markdown code we're using.</p>
18
+ <h2 id="specialformatting">Special formatting</h2>
19
+ <p>As well as bold and italics, you can also use some other special formatting in Markdown when the need arises, for example:</p>
20
+ <ul>
21
+ <li><s>strike through</s></li>
22
+ <li><mark>highlight</mark></li>
23
+ <li>*escaped characters*</li>
24
+ </ul>
25
+ <h2 id="writingcodeblocks">Writing code blocks</h2>
26
+ <p>There are two types of code elements which can be inserted in Markdown, the first is inline, and the other is block. Inline code is formatted by wrapping any word or words in back-ticks, <code>like this</code>. Larger snippets of code can be displayed across multiple lines using triple back ticks:</p>
27
+ <pre><code>.my-link {
28
+ text-decoration: underline;
29
+ }
30
+ </code></pre>
31
+ <p>If you want to get really fancy, you can even add syntax highlighting using <a href="http://prismjs.com/">Prism.js</a>.</p>
32
+ <h2 id="fullbleedimages">Full bleed images</h2>
33
+ <p>One neat trick which you can use in Markdown to distinguish between different types of images is to add a <code>#hash</code> value to the end of the source URL, and then target images containing the hash with special styling. For example:</p>
34
+ <p><img src="https://casper.ghost.org/v1.0.0/images/walking.jpg#full" alt="walking"></p>
35
+ <p>which is styled with...</p>
36
+ <pre><code>img[src$=&quot;#full&quot;] {
37
+ max-width: 100vw;
38
+ }
39
+ </code></pre>
40
+ <p>This creates full-bleed images in the Casper theme, which stretch beyond their usual boundaries right up to the edge of the window. Every theme handles these types of things slightly differently, but it's a great trick to play with if you want to have a variety of image sizes and styles.</p>
41
+ <h2 id="referencelists">Reference lists</h2>
42
+ <p><strong>The quick brown <a href="https://en.wikipedia.org/wiki/Fox" title="Wikipedia: Fox">fox</a>, jumped over the lazy <a href="https://en.wikipedia.org/wiki/Dog" title="Wikipedia: Dog">dog</a>.</strong></p>
43
+ <p>Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference.</p>
44
+ <h2 id="creatingfootnotes">Creating footnotes</h2>
45
+ <p>The quick brown fox<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> jumped over the lazy dog<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup>.</p>
46
+ <p>Footnotes are a great way to add additional contextual details when appropriate. Ghost will automatically add footnote content to the very end of your post.</p>
47
+ <h2 id="fullhtml">Full HTML</h2>
48
+ <p>Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Ghost editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example:</p>
49
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
50
+ <hr class="footnotes-sep">
51
+ <section class="footnotes">
52
+ <ol class="footnotes-list">
53
+ <li id="fn1" class="footnote-item"><p>Foxes are red <a href="#fnref1" class="footnote-backref">↩︎</a></p>
54
+ </li>
55
+ <li id="fn2" class="footnote-item"><p>Dogs are usually not red <a href="#fnref2" class="footnote-backref">↩︎</a></p>
56
+ </li>
57
+ </ol>
@@ -0,0 +1,24 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/team.jpg
5
+ navigation: True
6
+ title: Managing Ghost users
7
+ date: 2017-07-27 07:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+ <p>Ghost has a number of different user roles for your team</p>
15
+ <h3 id="authors">Authors</h3>
16
+ <p>The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are <strong>trusted</strong> users. If you don't trust users to be allowed to publish their own posts, you shouldn't invite them to Ghost admin.</p>
17
+ <h3 id="editors">Editors</h3>
18
+ <p>Editors are the 2nd user level in Ghost. Editors can do everything that an Author can do, but they can also edit and publish the posts of others - as well as their own. Editors can also invite new authors to the site.</p>
19
+ <h3 id="administrators">Administrators</h3>
20
+ <p>The top user level in Ghost is Administrator. Again, administrators can do everything that Authors and Editors can do, but they can also edit all site settings and data, not just content. Additionally, administrators have full access to invite, manage or remove any other user of the site.</p>
21
+ <h3 id="theowner">The Owner</h3>
22
+ <p>There is only ever one owner of a Ghost site. The owner is a special user which has all the same permissions as an Administrator, but with two exceptions: The Owner can never be deleted. And in some circumstances the owner will have access to additional special settings if applicable — for example, billing details, if using Ghost(Pro).</p>
23
+ <hr>
24
+ <p>It's a good idea to ask all of your users to fill out their user profiles, including bio and social links. These will populate rich structured data for posts and generally create more opportunities for themes to fully populate their design.</p>
@@ -0,0 +1,19 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/locked.jpg
5
+ navigation: True
6
+ title: Making your site private
7
+ date: 2017-07-27 06:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+ <p>Sometimes you might want to put your site behind closed doors</p>
15
+ <p>If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase.</p>
16
+ <p>You can toggle this preference on at the bottom of Ghost's General Settings</p>
17
+ <p><img src="https://casper.ghost.org/v1.0.0/images/private.png" alt="private"></p>
18
+ <p>Ghost will give you a short, randomly generated pass-phrase which you can share with anyone who needs access to the site while you're working on it. While this setting is enabled, all search engine optimisation features will be switched off to help keep the site off the radar.</p>
19
+ <p>Do remember though, this is <em>not</em> secure authentication. You shouldn't rely on this feature for protecting important private data. It's just a simple, shared pass-phrase for very basic privacy.</p>
@@ -0,0 +1,55 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/writing.jpg
5
+ navigation: True
6
+ title: Using the Ghost editor
7
+ date: 2017-07-27 09:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+ <p>Ghost uses a language called <strong>Markdown</strong> to format text.</p>
15
+ <p>When you go to edit a post and see special characters and colours intertwined between the words, those are Markdown shortcuts which tell Ghost what to do with the words in your document. The biggest benefit of Markdown is that you can quickly apply formatting as you type, without needing to pause.</p>
16
+ <p>At the bottom of the editor, you'll find a toolbar with basic formatting options to help you get started as easily as possible. You'll also notice that there's a <strong>?</strong> icon, which contains more advanced shortcuts.</p>
17
+ <p>For now, though, let's run you through some of the basics. You'll want to make sure you're editing this post in order to see all the Markdown we've used.</p>
18
+ <h2 id="formattingtext">Formatting text</h2>
19
+ <p>The most common shortcuts are of course, <strong>bold</strong> text, <em>italic</em> text, and <a href="https://example.com">hyperlinks</a>. These generally make up the bulk of any document. You can type the characters out, but you can also use keyboard shortcuts.</p>
20
+ <ul>
21
+ <li><code>CMD/Ctrl + B</code> for Bold</li>
22
+ <li><code>CMD/Ctrl + I</code> for Italic</li>
23
+ <li><code>CMD/Ctrl + K</code> for a Link</li>
24
+ <li><code>CMD/Ctrl + H</code> for a Heading (Press multiple times for h2/h3/h4/etc)</li>
25
+ </ul>
26
+ <p>With just a couple of extra characters here and there, you're well on your way to creating a beautifully formatted story.</p>
27
+ <h2 id="insertingimages">Inserting images</h2>
28
+ <p>Images in Markdown look just the same as links, except they're prefixed with an exclamation mark, like this:</p>
29
+ <p><code>![Image description](/path/to/image.jpg)</code></p>
30
+ <p><img src="https://casper.ghost.org/v1.0.0/images/computer.jpg" alt="Computer"></p>
31
+ <p>Most Markdown editors don't make you type this out, though. In Ghost you can click on the image icon in the toolbar at the bottom of the editor, or you can just click and drag an image from your desktop directly into the editor. Both will upload the image for you and generate the appropriate Markdown.</p>
32
+ <p><em><strong>Important Note:</strong> Ghost does not currently have automatic image resizing, so it's always a good idea to make sure your images aren't gigantic files <strong>before</strong> uploading them to Ghost.</em></p>
33
+ <h2 id="makinglists">Making lists</h2>
34
+ <p>Lists in HTML are a formatting nightmare, but in Markdown they become an absolute breeze with just a couple of characters and a bit of smart automation. For numbered lists, just write out the numbers. For bullet lists, just use <code>*</code> or <code>-</code> or <code>+</code>. Like this:</p>
35
+ <ol>
36
+ <li>Crack the eggs over a bowl</li>
37
+ <li>Whisk them together</li>
38
+ <li>Make an omellete</li>
39
+ </ol>
40
+ <p>or</p>
41
+ <ul>
42
+ <li>Remember to buy milk</li>
43
+ <li>Feed the cat</li>
44
+ <li>Come up with idea for next story</li>
45
+ </ul>
46
+ <h2 id="addingquotes">Adding quotes</h2>
47
+ <p>When you want to pull out a particularly good except in the middle of a piece, you can use <code>&gt;</code> at the beginning of a paragraph to turn it into a Blockquote. You might've seen this formatting before in email clients.</p>
48
+ <blockquote>
49
+ <p>A well placed quote guides a reader through a story, helping them to understand the most important points being made</p>
50
+ </blockquote>
51
+ <p>All themes handles blockquotes slightly differently. Sometimes they'll look better kept shorter, while other times you can quote fairly hefty amounts of text and get away with it. Generally, the safest option is to use blockquotes sparingly.</p>
52
+ <h2 id="dividingthingsup">Dividing things up</h2>
53
+ <p>If you're writing a piece in parts and you just feel like you need to divide a couple of sections distinctly from each other, a horizontal rule might be just what you need. Dropping <code>---</code> on a new line will create a sleak divider, anywhere you want it.</p>
54
+ <hr>
55
+ <p>This should get you going with the vast majority of what you need to do in the editor, but if you're still curious about more advanced tips then check out the <a href="/advanced-markdown/">Advanced Markdown Guide</a> - or if you'd rather learn about how Ghost taxononomies work, we've got a overview of <a href="/using-tags/">how to use Ghost tags</a>.</p>
@@ -0,0 +1,30 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/design.jpg
5
+ navigation: True
6
+ title: Setting up your own Ghost theme
7
+ date: 2017-07-27 04:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+ <p>Creating a totally custom design for your publication</p>
15
+ <p>Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.</p>
16
+ <p>There are a huge range of both free and premium pre-built themes which you can get from the <a href="http://marketplace.ghost.org">Ghost Theme Marketplace</a>, or you can simply create your own from scratch.</p>
17
+ <p><a href="http://marketplace.ghost.org"><img src="https://casper.ghost.org/v1.0.0/images/marketplace.jpg" alt="marketplace"></a></p>
18
+ <blockquote>
19
+ <p>Anyone can write a completely custom Ghost theme, with just some solid knowledge of HTML and CSS</p>
20
+ </blockquote>
21
+ <p>Ghost themes are written with a templating language called handlebars, which has a bunch of dynamic helpers to insert your data into template files. Like <code>{{author.name}}</code>, for example, outputs the name of the current author.</p>
22
+ <p>The best way to learn how to write your own Ghost theme is to have a look at <a href="https://github.com/TryGhost/Casper">the source code for Casper</a>, which is heavily commented and should give you a sense of how everything fits together.</p>
23
+ <ul>
24
+ <li><code>default.hbs</code> is the main template file, all contexts will load inside this file unless specifically told to use a different template.</li>
25
+ <li><code>post.hbs</code> is the file used in the context of viewing a post.</li>
26
+ <li><code>index.hbs</code> is the file used in the context of viewing the home page.</li>
27
+ <li>and so on</li>
28
+ </ul>
29
+ <p>We've got <a href="http://themes.ghost.org/docs/about">full and extensive theme documentation</a> which outlines every template file, context and helper that you can use.</p>
30
+ <p>If you want to chat with other people making Ghost themes to get any advice or help, there's also a <strong>#themes</strong> channel in our <a href="https://slack.ghost.org">public Slack community</a> which we always recommend joining!</p>
@@ -0,0 +1,41 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/tags.jpg
5
+ navigation: True
6
+ title: Organising your content with tags
7
+ date: 2017-07-27 08:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+
15
+ <p>Ghost has a single, powerful organisational taxonomy, called tags.</p>
16
+ <p>It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of related content.</p>
17
+ <h2 id="basictagging">Basic tagging</h2>
18
+ <p>When you write a post, you can assign tags to help differentiate between categories of content. For example, you might tag some posts with <code>News</code> and other posts with <code>Cycling</code>, which would create two distinct categories of content listed on <code>/tag/news/</code> and <code>/tag/cycling/</code>, respectively.</p>
19
+ <p>If you tag a post with both <code>News</code> <em>and</em> <code>Cycling</code> - then it appears in both sections.</p>
20
+ <p>Tag archives are like dedicated home-pages for each category of content that you have. They have their own pages, their own RSS feeds, and can support their own cover images and meta data.</p>
21
+ <h2 id="theprimarytag">The primary tag</h2>
22
+ <p>Inside the Ghost editor, you can drag and drop tags into a specific order. The first tag in the list is always given the most importance, and some themes will only display the primary tag (the first tag in the list) by default. So you can add the most important tag which you want to show up in your theme, but also add a bunch of related tags which are less important.</p>
23
+ <p><mark><strong>News</strong>, Cycling, Bart Stevens, Extreme Sports</mark></p>
24
+ <p>In this example, <strong>News</strong> is the primary tag which will be displayed by the theme, but the post will also still receive all the other tags, and show up in their respective archives.</p>
25
+ <h2 id="privatetags">Private tags</h2>
26
+ <p>Sometimes you may want to assign a post a specific tag, but you don't necessarily want that tag appearing in the theme or creating an archive page. In Ghost, hashtags are private and can be used for special styling.</p>
27
+ <p>For example, if you sometimes publish posts with video content - you might want your theme to adapt and get rid of the sidebar for these posts, to give more space for an embedded video to fill the screen. In this case, you could use private tags to tell your theme what to do.</p>
28
+ <p><mark><strong>News</strong>, Cycling, #video</mark></p>
29
+ <p>Here, the theme would assign the post publicly displayed tags of <code>News</code>, and <code>Cycling</code> - but it would also keep a private record of the post being tagged with <code>#video</code>.</p>
30
+ <p>In your theme, you could then look for private tags conditionally and give them special formatting:</p>
31
+ {% raw %}
32
+ <pre><code class="nohighlight">{{#post}}
33
+ {{#has tag=&quot;#video&quot;}}
34
+ ...markup for a nice big video post layout...
35
+ {{else}}
36
+ ...regular markup for a post...
37
+ {{/has}}
38
+ {{/post}}
39
+ </code></pre>
40
+ <p>You can find documentation for theme development techniques like this and many more over on Ghost's extensive <a href="https://themes.ghost.org/">theme documentation</a>.</p>
41
+ {% endraw %}
@@ -0,0 +1,28 @@
1
+ ---
2
+ layout: post
3
+ current: post
4
+ cover: assets/images/welcome.jpg
5
+ navigation: True
6
+ title: Welcome to Ghost
7
+ date: 2017-07-27 10:00:00
8
+ tags: [Getting started]
9
+ class: post-template
10
+ subclass: 'post'
11
+ author: ghost
12
+ ---
13
+
14
+ Hey! Welcome to Ghost, it's great to have you :)
15
+
16
+ We know that first impressions are important, so we've populated your new site with some initial **Getting Started** posts that will help you get familiar with everything in no time. This is the first one!
17
+
18
+ ### There are a few things that you should know up-front:
19
+ 1. Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That's who it works best for. If you're using Ghost for some other purpose, that's fine too - but it might not be the best choice for you.
20
+ 2. The entire platform can be modified and customized to suit your needs, which is very powerful, but doing so **does** require some knowledge of code. Ghost is not necessarily a good platform for beginners or people who just want a simple personal blog.
21
+ 3. For the best experience we recommend downloading the Ghost Desktop App for your computer, which is the best way to access your Ghost site on a desktop device.
22
+
23
+
24
+ Ghost is made by an independent non-profit organisation called the Ghost Foundation. We are 100% self funded by revenue from our [Ghost(Pro)](https://ghost.org/pricing) service, and every penny we make is re-invested into funding further development of free, open source technology for modern journalism.
25
+
26
+ The main thing you'll want to read about next is probably: [the Ghost editor](https://demo.ghost.io/the-editor/).
27
+
28
+ Once you're done reading, you can simply delete the default **Ghost** user from your team to remove all of these introductory posts!
data/about/index.md ADDED
@@ -0,0 +1,17 @@
1
+ ---
2
+ layout: page
3
+ current: about
4
+ title: About
5
+ navigation: true
6
+ logo: 'assets/images/ghost.png'
7
+ class: page-template
8
+ subclass: 'post page'
9
+ ---
10
+
11
+ Ghost is professional publishing platform designed for modern journalism. This is a demo site of a basic Ghost install to give you a general sense of what a new Ghost site looks like when set up for the first time.
12
+
13
+ > If you'd like to set up a site like this for yourself, head over to [Ghost.org](https://ghost.org/) and start a free 14 day trial to give Ghost a try!
14
+
15
+ If you're a developer: Ghost is a completely open source (MIT) Node.js application built on a JSON API with an Ember.js admin client. It works with MySQL and SQLite, and is publicly available [on Github](https://github.com/TryGhost/ghost).
16
+
17
+ If you need help with using Ghost, you'll find a ton of useful articles on [our knowledgebase](https://help.ghost.org/), as well as extensive [developer documentation](https://docs.ghost.org/).
@@ -0,0 +1,2 @@
1
+ a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}@media (-ms-high-contrast:active),(-ms-high-contrast:none){blockquote,ol,p,ul{width:100%}}
2
+ /*# sourceMappingURL=global.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AAQD,MALI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CAOpB,AAED,2DAII,mBACI,UAAY,CACf,CACJ","file":"global.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast:active) {\n p, ol, ul{\n width: 100%;\n }\n blockquote {\n width: 100%;\n }\n}\n"],"sourceRoot":"/source/"}
@@ -0,0 +1,2 @@
1
+ a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}@media (-ms-high-contrast:active),(-ms-high-contrast:none){blockquote,ol,p,ul{width:100%}}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-main{z-index:100;-ms-flex-positive:1;flex-grow:1}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-70px;padding-top:0}.home-template .site-nav{position:relative;top:-70px}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{z-index:10;margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:300;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;padding:11px 0;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:4vw}.site-nav-right{display:none}}.post-feed{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease}.post-card:hover{box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);transition:all .3s ease;transform:translate3D(0,-1px,0)}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{padding:0 25px 25px}.author-profile-image{margin-right:5px;width:25px;height:25px;border-radius:100%;object-fit:cover}.post-card-author{font-size:1.3rem}.post-card-author,.reading-time{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.reading-time{font-size:1.2rem;line-height:33px;-ms-flex-negative:0;flex-shrink:0;margin-left:20px;float:right;margin-top:-4px;color:#738a94}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image{position:absolute;width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}@media (max-width:500px){.post-full-header{padding:14vw 3vw 10vw}}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;height:800px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;height:600px;border-radius:0}}@media (max-width:800px){.post-full-image{height:400px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{right:-5px;transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em}.post-full-content iframe{margin:0 auto}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code *{color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .2em;font-size:4.6rem;font-weight:700}@media (max-width:500px){.post-full-content h1{font-size:2.8rem}}.post-full-content h2{margin:.5em 0 .2em;font-size:3.6rem;font-weight:700}@media (max-width:500px){.post-full-content h2{font-size:2.6rem}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h3{font-size:2.2rem}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h4{font-size:2.2rem}}.post-full-content h5{display:block;margin:.5em 0;padding:1em 0 1.5em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:500px){.post-full-content h5{padding:0 0 .5em;font-size:2.2rem}}.post-full-content h6{margin:.5em 0 .2em;font-size:2.3rem;font-weight:700}@media (max-width:500px){.post-full-content h6{font-size:2rem}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{margin-bottom:4vw;height:350px}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:420px}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .author-profile-image{margin-right:15px;width:60px;height:60px}.author-card-name{margin:0 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;font-size:1.7rem}.read-next-card-content ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;transition:all .5s cubic-bezier(.22,1,.27,1);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;line-height:1.1em;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress::-moz-progress-bar{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{z-index:10;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,25,40,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}}
2
+ /*# sourceMappingURL=screen.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB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BAAkB,AAClB,oBAAe,AAAf,cAAe,AACf,iBAAkB,AAGlB,YAAa,AACb,gBAAiB,AACjB,aAAsB,CACzB,AAQD,yBACI,oEACI,kBAAe,AAAf,cAAe,AACf,uBAAoB,AAApB,kBAAoB,CACvB,AAED,0FACI,kBAAmB,AACnB,kBAAe,AAAf,cAAe,AACf,yBAA2B,CAC9B,AAED,qFACI,kBAAmB,AACnB,WAAY,AACZ,WAAa,CAChB,AAED,uFACI,mBAAgB,AAAhB,cAAgB,CACnB,AAED,uEACI,gBAAkB,CACrB,AAED,sEACI,iBAAkB,AAClB,kBAAoB,CACvB,AAED,4FACI,mBAAqB,CACxB,AAED,oFACI,mBAAqB,CACxB,CACJ,AAED,kCACI,YAAc,CACjB,AAID,yBACI,WACI,eAAiB,CACpB,AACD,WACI,iBAAmB,CACtB,CACJ,AAOD,oDAEI,mBAAoB,AACpB,eAAiB,CACpB,AAED,WACI,kBAAmB,AACnB,UAAY,CACf,AAGD,kBACI,cAAe,AACf,oBAAqB,AACrB,iBAAkB,AAClB,iBAAmB,CACtB,AACD,yBACI,kBACI,qBAAuB,CAC1B,CACJ,AAED,gBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,wBAA0B,CAC7B,AAED,qBACI,aAAmB,CACtB,AAED,iBACI,SAAU,AACV,aAAqC,CACxC,AAED,cACI,qBAAsB,AACtB,gBAAkB,CACrB,AAED,iBACI,sBAAuB,AACvB,aAAc,AACd,uBAA2C,AAC3C,sBAAuB,AACvB,iBAAmB,CACtB,AAED,0BACI,iBACI,qBAAsB,AACtB,aAAc,AACd,eAAiB,CACpB,CACJ,AAED,yBACI,iBACI,YAAc,CACjB,CACJ,AAED,mBACI,kBAAmB,AACnB,cAAe,AACf,qBAAsB,AACtB,iBAAkB,AAClB,0BAA4B,AAC5B,iBAAkB,AAClB,kBAAmB,AACnB,eAAiB,CACpB,AAED,0BACI,mBACI,iBAAmB,CACtB,CACJ,AACD,yBACI,mBACI,gBAAkB,CACrB,CACJ,AAED,0BAII,UAAW,AAOX,uBAAyB,CAC5B,AAED,mDAbI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AAEV,WAAY,AACZ,cAAe,AACf,WAAY,AACZ,aAAc,AACd,8BAAgC,AAChC,gBAAkB,CAgBrB,AAZD,yBAII,WAAY,AAOZ,sBAAwB,CAC3B,AAED,6BACI,aAAe,CAClB,AAED,uEAEI,YAAc,CACjB,AAED,kBACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,mBAAoB,AACpB,eAAiB,CACpB,AAED,+SAcI,cAAgB,CACnB,AAED,sBACI,qBAAuB,CAC1B,AAED,wBACI,QAAU,CACb,AAED,+CACI,iBAAkB,AAClB,iBAAmB,CACtB,AAED,qBACI,WAAY,AACZ,iCAAuC,CAC1C,AAED,2BACI,cAAmB,AACnB,oBAAsB,CACzB,AAED,gDAEI,aAAqC,CACxC,AAED,yBACI,qBAAsB,AACtB,iBAAmB,CACtB,AAED,kCACI,YAAc,CACjB,AAED,gDAEI,cAAe,AACf,kBAAmB,AACnB,gBAAkB,CACrB,AACD,0BACI,gDAEI,UAAY,CACf,CACJ,AAWD,qCACI,eAAgB,AAChB,WAAa,CAChB,AAWD,gCACI,cAAe,AACf,gBAAiB,AACjB,mBAAqB,CACxB,AAGD,0BACI,aAAe,CAClB,AAED,8BACI,iBAAkB,AAClB,gBAAiB,AACjB,6BAA+B,CAClC,AAED,gCACI,eAAkB,AAClB,cAAe,AACf,kBAAmB,AACnB,oBAAqB,AACrB,iBAAmB,CACtB,AAED,2CACI,eAAiB,CACpB,AAED,wBACI,kBAAmB,AACnB,eAAiB,AACjB,gBAAiB,AACjB,0BAA2B,AAC3B,mBAA6B,AAC7B,iBAAmB,CACtB,AAED,uBACI,gBAAiB,AACjB,mBAAoB,AACpB,aAAc,AACd,eAAgB,AAChB,sBAAiD,AACjD,cAAwB,AACxB,iBAAkB,AAClB,kBAAmB,AACnB,mBAA0C,AAC1C,iBAAmB,CACtB,AAED,4BACI,UAAW,AACX,kBAAmB,AACnB,oBAAqB,AACrB,sBAAwB,CAC3B,AAED,8BACI,aAAe,CAClB,AAED,8CACI,kBAAoB,CACvB,AAED,sBACI,YAAc,CACjB,AAED,4BACI,WAAY,AACZ,kBAAmB,AACnB,UAAW,AACX,SAAU,AACV,cAAe,AACf,kBAAmB,AACnB,UAAW,AACX,YAAa,AACb,mBAA4C,AAC5C,0BAA2B,AAC3B,uBAAyB,CAC5B,AAED,oIAMI,cAAqC,AACrC,wHAAyI,CAC5I,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,cAAe,AACf,cAAgB,AAChB,oBAAqB,AACrB,SAAU,AACV,cAAmB,AACnB,0BAA2B,AAC3B,iBAAkB,AAClB,mBAAoB,AACpB,iBAAmB,CACtB,AACD,0BACI,sBACI,iBAAkB,AAClB,WAAa,CAChB,CACJ,AACD,yBACI,sBACI,iBAAmB,AACnB,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,cAAgB,CACnB,CACJ,AAED,eACI,kBAAoB,CACvB,AAED,WACI,gBAAkB,CACrB,AAED,aACI,QAAU,CACb,AAED,kBACI,wBAA8B,AAC9B,iBAAkB,AAClB,gBAAkB,AAClB,+BAAiC,AACjC,yBAA4B,CAC/B,AAGD,yBACI,gBACI,iBAAkB,AAClB,iBAAmB,CACtB,AACD,iBACI,gBAAkB,CACrB,AACD,iBACI,kBAAmB,AACnB,YAAc,CACjB,AACD,mBACI,SAAW,CACd,AACD,mDAEI,YAAc,CACjB,CACJ,AAGD,yBACI,qBAAsB,AACtB,gBAAiB,AACjB,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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast:active) {\n p, ol, ul{\n width: 100%;\n }\n blockquote {\n width: 100%;\n }\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Subscribe Form\n 7.2. Post Footer\n 7.3. Comments\n 7.4. Related Posts\n 7.5. Floating Header\n8. Author Template\n9. Error Template\n10. Subscribe Overlay\n11. Site Footer\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n border-radius: 100%;\n}\n\n.hidden {\n visibility: hidden;\n position: absolute;\n text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.site-wrapper {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-main {\n z-index: 100;\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n<div class=\"outer\">\n <div class=\"inner\">\n Centered content\n </div>\n</div>\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -70px;\n padding-top: 0;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: block;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n display: block;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 4vw;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n z-index: 10;\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n@media (max-width: 500px) {\n .site-title {\n font-size: 3rem;\n }\n .site-description {\n font-size: 1.8rem;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 300;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n overflow-y: hidden;\n height: 40px;\n font-size: 1.2rem;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n margin-right: 10px;\n padding-bottom: 80px;\n letter-spacing: 0.4px;\n white-space: nowrap;\n\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n padding: 11px 0;\n color: #fff;\n font-size: 1.7rem;\n line-height: 1em;\n font-weight: bold;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n width: auto;\n height: 21px;\n}\n\n.nav {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav li {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav li a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav li a:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.site-nav-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 40px;\n}\n\n.social-links {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n margin-bottom: 1px;\n height: 2.1rem;\n fill: #fff;\n}\n\n@media (max-width: 700px) {\n .site-header {\n padding-right: 0;\n padding-left: 0;\n }\n .site-nav-left {\n margin-right: 0;\n padding-left: 4vw;\n }\n .site-nav-right {\n display: none;\n }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n min-height: 300px;\n background: #fff center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);\n transition: all 0.3s ease;\n transform: translate3D(0, -1px, 0);\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1.15em;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n padding: 0 25px 25px;\n}\n\n.author-profile-image {\n margin-right: 5px;\n width: 25px;\n height: 25px;\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-author {\n font-size: 1.3rem;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.reading-time {\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 33px;\n flex-shrink: 0;\n margin-left: 20px;\n letter-spacing: .5px;\n text-transform: uppercase;\n float: right;\n margin-top: -4px;\n color: var(--midgrey);\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n border-radius: 5px 0 0 5px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta {\n padding: 0 40px 30px;\n }\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 650px) {\n .post-feed {\n padding-top: 5vw;\n }\n .post-card {\n margin: 0 20px 5vw;\n }\n}\n\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n margin: 0 auto;\n padding: 6vw 3vw 3vw;\n max-width: 1040px;\n text-align: center;\n}\n@media (max-width: 500px) {\n .post-full-header {\n padding: 14vw 3vw 10vw;\n }\n}\n\n.post-full-meta {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--midgrey);\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-meta-date {\n color: var(--blue);\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n margin: 0 -10vw -165px;\n height: 800px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n height: 600px;\n border-radius: 0;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image {\n height: 400px;\n }\n}\n\n.post-full-content {\n position: relative;\n margin: 0 auto;\n padding: 70px 100px 0;\n min-height: 230px;\n font-family: Georgia, serif;\n font-size: 2.2rem;\n line-height: 1.6em;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n content: \"\";\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(-5deg);\n}\n\n.post-full-content:after {\n content: \"\";\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(5deg);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content blockquote,\n.post-full-comments,\n.footnotes {\n min-width: 100%;\n}\n\n.post-full-content li {\n word-break: break-word;\n}\n\n.post-full-content li p {\n margin: 0;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n display: inline-block;\n line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n display: block;\n margin: 1.5em auto;\n max-width: 1040px;\n}\n@media (max-width: 1040px) {\n .post-full-content img,\n .post-full-content video {\n width: 100%;\n }\n}\n\n\n/* Full bleed images (#full)\nSuper neat trick courtesy of @JoelDrapper\n\nUsage (In Ghost edtior):\n\n![img](/some/image.jpg#full)\n\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: none;\n width: 100vw;\n}\n\n\n/* Image captions\n\nUsage (In Ghost editor):\n\n![img](/some/image.jpg)\n<small>Your image caption</small>\n\n*/\n.post-full-content img + br + small {\n display: block;\n margin-top: -3em;\n margin-bottom: 1.5em;\n}\n\n\n.post-full-content iframe {\n margin: 0 auto;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em;\n padding: 0 1.5em;\n border-left: #3eb0ef 3px solid;\n}\n\n.post-full-content blockquote p {\n margin: 0 0 1em 0;\n color: inherit;\n font-size: inherit;\n line-height: inherit;\n font-style: italic;\n}\n\n.post-full-content blockquote p:last-child {\n margin-bottom: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n overflow-x: auto;\n margin: 1.5em 0 3em;\n padding: 20px;\n max-width: 100%;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n color: var(--whitegrey);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content pre code * {\n color: inherit;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n margin: 4vw 0;\n}\n\n.post-full-content hr:after {\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n display: block;\n margin-left: -10px;\n width: 1px;\n height: 30px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n color: color(var(--darkgrey) l(-5%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n margin: 0.5em 0 0.2em 0;\n font-size: 4.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.8rem;\n }\n}\n\n.post-full-content h2 {\n margin: 0.5em 0 0.2em 0;\n font-size: 3.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.6rem;\n }\n}\n\n.post-full-content h3 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h4 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h4 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h5 {\n display: block;\n margin: 0.5em 0;\n padding: 1em 0 1.5em;\n border: 0;\n color: var(--blue);\n font-family: Georgia,serif;\n font-size: 3.2rem;\n line-height: 1.35em;\n text-align: center;\n}\n@media (min-width: 1180px) {\n .post-full-content h5 {\n max-width: 1060px;\n width: 100vw;\n }\n}\n@media (max-width: 500px) {\n .post-full-content h5 {\n padding: 0 0 0.5em;\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h6 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.3rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h6 {\n font-size: 2rem;\n }\n}\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n color: var(--blue) !important;\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 500px) {\n .post-full-meta {\n font-size: 1.2rem;\n line-height: 1.3em;\n }\n .post-full-title {\n font-size: 2.9rem;\n }\n .post-full-image {\n margin-bottom: 4vw;\n height: 350px;\n }\n .post-full-content {\n padding: 0;\n }\n .post-full-content:before,\n .post-full-content:after {\n display: none;\n }\n}\n\n/* Tables */\n.post-full-content table {\n display: inline-block;\n overflow-x: auto;\n margin: 0.5em 0 2.5em;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n color: var(--darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n color: var(--darkgrey);\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n color: var(--midgrey);\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 420px;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n outline: none;\n color: #fff;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 5px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n@media (max-width: 650px) {\n .subscribe-form-title {\n font-size: 2.4rem;\n }\n .subscribe-form p {\n font-size: 1.6rem;\n }\n}\n\n@media (max-width: 500px) {\n .subscribe-form form {\n flex-direction: column;\n }\n .subscribe-form .form-group {\n width: 100%;\n }\n .subscribe-form button {\n margin: 10px 0 0 0;\n width: 100%;\n }\n}\n\n\n/* 7.2. Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n max-width: 840px;\n}\n\n.author-card {\n display: flex;\n align-items: center;\n}\n\n.author-card .author-profile-image {\n margin-right: 15px;\n width: 60px;\n height: 60px;\n}\n\n.author-card-name {\n margin: 0 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n margin: 0 auto;\n max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n}\n\n.read-next-card:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);\n border-radius: 5px;\n\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n padding-top: 20px;\n text-align: center;\n}\n\n.read-next-card-header-sitetitle {\n display: block;\n font-size: 1.3rem;\n line-height: 1.3em;\n opacity: 0.8;\n}\n\n.read-next-card-header-title {\n margin: 0;\n padding: 0 20px;\n color: #fff;\n font-size: 3rem;\n line-height: 1.2em;\n letter-spacing: 1px;\n}\n\n.read-next-card-header-title a {\n color: #fff;\n font-weight: 300;\n text-decoration: none;\n}\n\n.read-next-card-header-title a:hover {\n text-decoration: none;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 40px;\n fill: transparent;\n stroke: #fff;\n\n stroke-width: 0.5px;\n stroke-opacity: 0.65;\n}\n\n.read-next-card-content {\n position: relative;\n z-index: 50;\n flex-grow: 1;\n display: flex;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0;\n text-align: center;\n list-style: none;\n}\n\n.read-next-card-content li {\n margin: 0;\n padding: 0;\n font-size: 1.6rem;\n line-height: 1.25em;\n font-weight: 200;\n letter-spacing: -0.5px;\n}\n\n.read-next-card-content li a {\n display: block;\n padding: 20px 0;\n border-bottom: rgba(255,255,255,0.3) 1px solid;\n color: #fff;\n font-weight: 500;\n vertical-align: top;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li:first-of-type a {\n padding-top: 10px;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n.read-next-card-footer {\n position: relative;\n margin: 15px 0 3px 0;\n text-align: center;\n}\n\n.read-next-card-footer a {\n color: #fff;\n}\n\n\n/* 7.5. Floating Header\n/* ---------------------------------------------------------- */\n\n.floating-header {\n visibility: hidden;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n height: 60px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n background: rgba(255,255,255,0.95);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: translate3d(0, -120%, 0);\n}\n\n.floating-active {\n visibility: visible;\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n transform: translate3d(0, 0, 0);\n}\n\n.floating-header-logo {\n overflow: hidden;\n margin: 0 0 0 20px;\n font-size: 1.6rem;\n line-height: 1em;\n letter-spacing: -1px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n line-height: 1.1em;\n font-weight: 700;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n margin: 0 10px 0 0;\n max-height: 20px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n overflow: hidden;\n margin: 0;\n color: #2e2e2e;\n font-size: 1.6rem;\n line-height: 1.3em;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating-header-share svg {\n width: auto;\n height: 16px;\n fill: #fff;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n margin: 0 5px 0 10px;\n width: 18px;\n height: 18px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n align-items: center;\n width: 60px;\n height: 60px;\n color: #fff;\n line-height: 48px;\n text-align: center;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n.progress {\n position: absolute;\n right: 0;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n border: none;\n color: var(--blue);\n background: transparent;\n\n appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n background-color: transparent;\n}\n\n.progress::-webkit-progress-value {\n background-color: var(--blue);\n}\n\n.progress::-moz-progress-bar {\n background-color: var(--blue);\n}\n\n.progress-container {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 2px;\n background-color: transparent;\n}\n\n.progress-bar {\n display: block;\n width: 50%;\n height: inherit;\n background-color: var(--blue);\n}\n\n@media (max-width: 900px) {\n .floating-header {\n height: 40px;\n }\n .floating-header-title,\n .floating-header-logo {\n font-size: 1.5rem;\n }\n .floating-header-share-tw,\n .floating-header-share-fb {\n width: 40px;\n height: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo {\n margin-left: 10px;\n }\n .floating-header-logo a {\n color: #2e2e2e;\n }\n .floating-header-title,\n .floating-header-divider {\n visibility: hidden;\n }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.site-header-content .author-profile-image {\n z-index: 10;\n flex-shrink: 0;\n margin: 0 0 20px 0;\n width: 100px;\n height: 100px;\n box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n z-index: 10;\n flex-shrink: 0;\n margin: 5px 0 10px 0;\n max-width: 600px;\n font-size: 2rem;\n line-height: 1.3em;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n z-index: 10;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 0 10px 0;\n font-family: Georgia, serif;\n font-style: italic;\n}\n\n.site-header-content .author-location svg {\n height: 1.9rem;\n stroke: #fff;\n}\n\n.site-header-content .bull {\n display: inline-block;\n margin: 0 12px;\n opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n padding-left: 4px;\n}\n\n@media (max-width: 500px) {\n .site-header-content .author-bio {\n font-size: 1.8rem;\n line-height: 1.15em;\n letter-spacing: 0;\n }\n .author-location,\n .author-stats {\n display: none;\n }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n padding: 7vw 4vw;\n}\n\n.site-nav-center {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n margin-right: 0;\n}\n\n.error-message {\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n opacity: 0.3;\n}\n\n.error-description {\n margin: 0;\n color: var(--midgrey);\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 400;\n}\n\n@media (max-width: 800px) {\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n.error-template .post-feed {\n padding-top: 0;\n}\n\n\n/* 10. Subscribe Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 9000;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(0,25,40,0.97);\n opacity: 0;\n transition: opacity 200ms ease-in;\n pointer-events: none;\n\n backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay:target {\n opacity: 1;\n pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n position: relative;\n z-index: 9999;\n margin: 0 0 5vw 0;\n padding: 4vw;\n color: #fff;\n text-align: center;\n}\n\n.subscribe-overlay-logo {\n position: fixed;\n top: 23px;\n left: 30px;\n height: 30px;\n}\n\n.subscribe-overlay-title {\n display: inline-block;\n margin: 0 0 10px 0;\n font-size: 6rem;\n line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n margin: 0 auto 50px;\n max-width: 650px;\n font-family: Georgia, serif;\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 300;\n opacity: 0.8;\n}\n\n.subscribe-overlay form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 500px;\n}\n\n.subscribe-overlay .form-group {\n flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n display: block;\n padding: 14px 20px;\n width: 100%;\n border: none;\n color: var(--midgrey);\n font-size: 2rem;\n line-height: 1em;\n font-weight: normal;\n letter-spacing: 0.5px;\n user-select: text;\n border-radius: 8px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n display: inline-block;\n margin: 0 0 0 15px;\n padding: 0 25px;\n height: 52px;\n outline: none;\n color: #fff;\n font-size: 1.7rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 8px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay-close {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n}\n\n.subscribe-overlay-close:before {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(45deg);\n}\n\n.subscribe-overlay-close:after {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(-45deg);\n}\n\n.subscribe-overlay-close:hover {\n cursor: default;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n position: absolute;\n top: 11px;\n left: -11px;\n display: block;\n width: 2px;\n height: 2px;\n background: #fff;\n border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n@media (max-width: 650px) {\n .site-footer-content {\n flex-direction: column;\n }\n .site-footer-nav a:first-child {\n margin-left: 0;\n }\n}\n"],"sourceRoot":"/source/"}
@@ -0,0 +1,2 @@
1
+ .pagination{position:relative;width:80%;max-width:800px;margin:4rem auto;font-family:Open Sans,sans-serif;font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#3eb0ef;transition:all .2s ease}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:0 15px;border:1px solid #bfc8cd;text-decoration:none;border-radius:4px;transition:border .3s ease}.older-posts{right:0}.page-number{display:inline-block;padding:2px 0;min-width:100px}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{color:#3eb0ef;border-color:#98a0a4}.extra-pagination{display:none;border-bottom:1px solid #ebf2f6}.extra-pagination:after{display:block;content:"";width:7px;height:7px;border:1px solid #e7eef2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#fff;border-radius:100%;box-shadow:0 0 0 5px #fff}.extra-pagination .pagination{width:auto}.paged .main-header{max-height:30vh}.paged .extra-pagination{display:block}.pagination{padding-top:4rem;border-top:1px solid #bfc8cd;word-wrap:break-word}.pagination:before{display:block;content:"";width:7px;height:7px;border:1px solid #bfc8cd;position:absolute;top:-5px;left:50%;margin-left:-5px;background:#f4f8fb;border-radius:100%;box-shadow:0 0 0 5px #f4f8fb}.highlighter-rouge{overflow-x:auto;max-width:100%;min-width:100%}.highlight code,.highlight pre,.highlight table,.highlight tbody,.highlight tr,figure.highlight,td.code{border:none;min-width:100%;max-width:100%}.highlight table,.highlight td pre{padding:0;margin:0}.highlight table td{border:none;margin:none;padding:none}.highlight table td:first-child,.highlight table td:last-child{background:none}
2
+ /*# sourceMappingURL=screen.edited.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["screen.edited.css"],"names":[],"mappings":"AAcA,YACI,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,iBAAkB,AAClB,iCAAqC,AACrC,iBAAkB,AAClB,cAAe,AACf,iBAAmB,CACtB,AAED,cACI,cAAe,AACf,uBAA0B,CAC7B,AAGD,0BAEI,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,0BAA6B,CAChC,AAED,aACI,OAAS,CACZ,AAED,aACI,qBAAsB,AACtB,cAAe,AACf,eAAiB,CACpB,AAED,aACI,MAAQ,CACX,AAED,sCAEI,cAAe,AACf,oBAAsB,CACzB,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AACD,wBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA2B,CAC9B,AACD,8BACI,UAAY,CACf,AAGD,oBACI,eAAiB,CACpB,AAGD,yBACI,aAAe,CAClB,AAGD,YACI,iBAAkB,AAClB,6BAA8B,AAC9B,oBAAsB,CACzB,AAID,mBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AACpB,4BAA8B,CACjC,AAED,mBACI,gBAAiB,AACjB,eAAgB,AAChB,cAAgB,CACnB,AAED,wGAOI,YAAa,AACb,eAAgB,AAChB,cAAgB,CACnB,AAED,mCAEI,UAAW,AACX,QAAU,CACb,AAED,oBACI,YAAa,AACb,YAAa,AACb,YAAc,CACjB,AAED,+DAEI,eAAiB,CACpB","file":"screen.edited.css","sourcesContent":["/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n12. Pagination\n\n*/\n\n/* 12. Pagination - Tools to let you flick between pages\n/* ---------------------------------------------------------- */\n\n/* The main wrapper for our pagination links */\n.pagination {\n position: relative;\n width: 80%;\n max-width: 800px;\n margin: 4rem auto;\n font-family: \"Open Sans\", sans-serif;\n font-size: 1.3rem;\n color: #9EABB3;\n text-align: center;\n}\n\n.pagination a {\n color: #3eb0ef;\n transition: all 0.2s ease;\n}\n\n/* Push the previous/next links out to the left/right */\n.older-posts,\n.newer-posts {\n position: absolute;\n display: inline-block;\n padding: 0 15px;\n border: #bfc8cd 1px solid;\n text-decoration: none;\n border-radius: 4px;\n transition: border 0.3s ease;\n}\n\n.older-posts {\n right: 0;\n}\n\n.page-number {\n display: inline-block;\n padding: 2px 0;\n min-width: 100px;\n}\n\n.newer-posts {\n left: 0;\n}\n\n.older-posts:hover,\n.newer-posts:hover {\n color: #3eb0ef;\n border-color: #98a0a4;\n}\n\n.extra-pagination {\n display: none;\n border-bottom: #EBF2F6 1px solid;\n}\n.extra-pagination:after {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #E7EEF2 1px solid;\n position: absolute;\n bottom: -5px;\n left: 50%;\n margin-left: -5px;\n background: #FFF;\n border-radius: 100%;\n box-shadow: #FFF 0 0 0 5px;\n}\n.extra-pagination .pagination {\n width: auto;\n}\n\n/* On page2+ make all the headers smaller */\n.paged .main-header {\n max-height: 30vh;\n}\n\n/* On page2+ show extra pagination controls at the top of post list */\n.paged .extra-pagination {\n display: block;\n}\n\n/* Every post, on every page, gets this style on its <article> tag */\n.pagination {\n padding-top: 4rem;\n border-top: #bfc8cd 1px solid;\n word-wrap: break-word;\n}\n\n/* Add a little circle in the middle of the border-bottom on our .post\n just for the lolz and stylepoints. */\n.pagination:before {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #bfc8cd 1px solid;\n position: absolute;\n top: -5px;\n left: 50%;\n margin-left: -5px;\n background: #f4f8fb;\n border-radius: 100%;\n box-shadow: #f4f8fb 0 0 0 5px;\n}\n\n.highlighter-rouge {\n overflow-x: auto;\n max-width: 100%;\n min-width: 100%;\n}\n\nfigure.highlight,\n.highlight pre,\n.highlight code,\n.highlight table,\n.highlight tbody,\n.highlight tr,\ntd.code {\n border: none;\n min-width: 100%;\n max-width: 100%;\n}\n\n.highlight table,\n.highlight td pre {\n padding: 0;\n margin: 0;\n}\n\n.highlight table td {\n border: none;\n margin: none;\n padding: none;\n}\n\n.highlight table td:first-child,\n.highlight table td:last-child {\n background: none;\n}\n"],"sourceRoot":"/source/"}
@@ -0,0 +1,2 @@
1
+ a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}@media (-ms-high-contrast:active),(-ms-high-contrast:none){blockquote,ol,p,ul{width:100%}}.highlight .hll,.highlight pre{background:#0e0f11}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc,.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp,.highlight .kr,.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl,.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .s1,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}
2
+ /*# sourceMappingURL=syntax.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global.css","syntax.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AAQD,MALI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CAOpB,AAED,2DAII,mBACI,UAAY,CACf,CACJ,ACxeD,+BAAkB,kBAA0C,CAAE,AAC9D,cAAgB,aAAc,CAAE,AAChC,gBAAkB,cAAe,AAAC,wBAAyB,CAAE,AAC7D,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,iBAAkB,CAAE,AACrC,eAAiB,eAAiB,CAAE,AAEpC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAGjC,6CAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAMjC,0FAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAGjC,eAAiB,aAAe,CAAE,AAClC,eAAiB,aAAe,CAAE,AAClC,eAAiB,aAAe,CAAE","file":"syntax.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast:active) {\n p, ol, ul{\n width: 100%;\n }\n blockquote {\n width: 100%;\n }\n}\n","@import \"global.css\";\n.highlight pre { background: color(var(--darkgrey) l(-3%)); }\n.highlight .hll { background: color(var(--darkgrey) l(-3%)); }\n.highlight .c { color: #75715e } /* Comment */\n.highlight .err { color: #960050; background-color: #1e0010 } /* Error */\n.highlight .k { color: #66d9ef } /* Keyword */\n.highlight .l { color: #ae81ff } /* Literal */\n.highlight .n { color: #f8f8f2 } /* Name */\n.highlight .o { color: #f92672 } /* Operator */\n.highlight .p { color: #f8f8f2 } /* Punctuation */\n.highlight .cm { color: #75715e } /* Comment.Multiline */\n.highlight .cp { color: #75715e } /* Comment.Preproc */\n.highlight .c1 { color: #75715e } /* Comment.Single */\n.highlight .cs { color: #75715e } /* Comment.Special */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .kc { color: #66d9ef } /* Keyword.Constant */\n.highlight .kd { color: #66d9ef } /* Keyword.Declaration */\n.highlight .kn { color: #f92672 } /* Keyword.Namespace */\n.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */\n.highlight .kr { color: #66d9ef } /* Keyword.Reserved */\n.highlight .kt { color: #66d9ef } /* Keyword.Type */\n.highlight .ld { color: #e6db74 } /* Literal.Date */\n.highlight .m { color: #ae81ff } /* Literal.Number */\n.highlight .s { color: #e6db74 } /* Literal.String */\n.highlight .na { color: #a6e22e } /* Name.Attribute */\n.highlight .nb { color: #f8f8f2 } /* Name.Builtin */\n.highlight .nc { color: #a6e22e } /* Name.Class */\n.highlight .no { color: #66d9ef } /* Name.Constant */\n.highlight .nd { color: #a6e22e } /* Name.Decorator */\n.highlight .ni { color: #f8f8f2 } /* Name.Entity */\n.highlight .ne { color: #a6e22e } /* Name.Exception */\n.highlight .nf { color: #a6e22e } /* Name.Function */\n.highlight .nl { color: #f8f8f2 } /* Name.Label */\n.highlight .nn { color: #f8f8f2 } /* Name.Namespace */\n.highlight .nx { color: #a6e22e } /* Name.Other */\n.highlight .py { color: #f8f8f2 } /* Name.Property */\n.highlight .nt { color: #f92672 } /* Name.Tag */\n.highlight .nv { color: #f8f8f2 } /* Name.Variable */\n.highlight .ow { color: #f92672 } /* Operator.Word */\n.highlight .w { color: #f8f8f2 } /* Text.Whitespace */\n.highlight .mf { color: #ae81ff } /* Literal.Number.Float */\n.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */\n.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */\n.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */\n.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */\n.highlight .sc { color: #e6db74 } /* Literal.String.Char */\n.highlight .sd { color: #e6db74 } /* Literal.String.Doc */\n.highlight .s2 { color: #e6db74 } /* Literal.String.Double */\n.highlight .se { color: #ae81ff } /* Literal.String.Escape */\n.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */\n.highlight .si { color: #e6db74 } /* Literal.String.Interpol */\n.highlight .sx { color: #e6db74 } /* Literal.String.Other */\n.highlight .sr { color: #e6db74 } /* Literal.String.Regex */\n.highlight .s1 { color: #e6db74 } /* Literal.String.Single */\n.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */\n.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */\n.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */\n.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */\n.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */\n\n.highlight .gh { } /* Generic Heading & Diff Header */\n.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */\n.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */\n.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */\n"],"sourceRoot":"/source/"}
@@ -0,0 +1,237 @@
1
+ {
2
+ "remove-empty-rulesets": true,
3
+ "always-semicolon": true,
4
+ "color-case": "lower",
5
+ "block-indent": " ",
6
+ "color-shorthand": true,
7
+ "element-case": "lower",
8
+ "eof-newline": true,
9
+ "leading-zero": true,
10
+ "quotes": "double",
11
+ "space-before-colon": "",
12
+ "space-after-colon": " ",
13
+ "space-before-combinator": " ",
14
+ "space-after-combinator": " ",
15
+ "space-between-declarations": "\n",
16
+ "space-before-opening-brace": " ",
17
+ "space-after-opening-brace": "\n",
18
+ "space-after-selector-delimiter": "\n",
19
+ "space-before-selector-delimiter": "",
20
+ "space-before-closing-brace": "\n",
21
+ "strip-spaces": true,
22
+ "tab-size": 4,
23
+ "unitless-zero": true,
24
+ "sort-order": [ [
25
+ "content",
26
+ "visibility",
27
+ "position",
28
+ "top",
29
+ "right",
30
+ "bottom",
31
+ "left",
32
+ "z-index",
33
+ "order",
34
+ "flex",
35
+ "flex-grow",
36
+ "flex-shrink",
37
+ "flex-basis",
38
+ "align-self",
39
+ "display",
40
+ "flex-flow",
41
+ "flex-direction",
42
+ "flex-wrap",
43
+ "justify-content",
44
+ "align-items",
45
+ "align-content",
46
+ "flex-order",
47
+ "flex-pack",
48
+ "flex-align",
49
+ "float",
50
+ "clear",
51
+ "overflow",
52
+ "overflow-x",
53
+ "overflow-y",
54
+ "-webkit-overflow-scrolling",
55
+ "clip",
56
+ "box-sizing",
57
+ "margin",
58
+ "margin-top",
59
+ "margin-right",
60
+ "margin-bottom",
61
+ "margin-left",
62
+ "padding",
63
+ "padding-top",
64
+ "padding-right",
65
+ "padding-bottom",
66
+ "padding-left",
67
+ "min-width",
68
+ "min-height",
69
+ "max-width",
70
+ "max-height",
71
+ "width",
72
+ "height",
73
+ "outline",
74
+ "outline-width",
75
+ "outline-style",
76
+ "outline-color",
77
+ "outline-offset",
78
+ "border",
79
+ "border-spacing",
80
+ "border-collapse",
81
+ "border-width",
82
+ "border-style",
83
+ "border-color",
84
+ "border-top",
85
+ "border-top-width",
86
+ "border-top-style",
87
+ "border-top-color",
88
+ "border-right",
89
+ "border-right-width",
90
+ "border-right-style",
91
+ "border-right-color",
92
+ "border-bottom",
93
+ "border-bottom-width",
94
+ "border-bottom-style",
95
+ "border-bottom-color",
96
+ "border-left",
97
+ "border-left-width",
98
+ "border-left-style",
99
+ "border-left-color",
100
+ "border-image",
101
+ "border-image-source",
102
+ "border-image-slice",
103
+ "border-image-width",
104
+ "border-image-outset",
105
+ "border-image-repeat",
106
+ "border-top-image",
107
+ "border-right-image",
108
+ "border-bottom-image",
109
+ "border-left-image",
110
+ "border-corner-image",
111
+ "border-top-left-image",
112
+ "border-top-right-image",
113
+ "border-bottom-right-image",
114
+ "border-bottom-left-image",
115
+ "color",
116
+ "font",
117
+ "font-family",
118
+ "font-size",
119
+ "line-height",
120
+ "font-weight",
121
+ "font-style",
122
+ "font-variant",
123
+ "font-size-adjust",
124
+ "font-stretch",
125
+ "font-feature-settings",
126
+ "letter-spacing",
127
+ "text-rendering",
128
+ "text-align",
129
+ "text-align-last",
130
+ "text-decoration",
131
+ "text-emphasis",
132
+ "text-emphasis-position",
133
+ "text-emphasis-style",
134
+ "text-emphasis-color",
135
+ "text-indent",
136
+ "text-justify",
137
+ "text-outline",
138
+ "text-transform",
139
+ "text-wrap",
140
+ "text-overflow",
141
+ "text-overflow-ellipsis",
142
+ "text-overflow-mode",
143
+ "text-shadow",
144
+ "white-space",
145
+ "word-spacing",
146
+ "word-wrap",
147
+ "word-break",
148
+ "tab-size",
149
+ "hyphens",
150
+ "user-select",
151
+ "fill",
152
+ "stroke",
153
+ "background",
154
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
155
+ "background-color",
156
+ "background-image",
157
+ "background-attachment",
158
+ "background-position",
159
+ "background-position-x",
160
+ "background-position-y",
161
+ "background-clip",
162
+ "background-origin",
163
+ "background-size",
164
+ "background-repeat",
165
+ "border-radius",
166
+ "border-top-left-radius",
167
+ "border-top-right-radius",
168
+ "border-bottom-right-radius",
169
+ "border-bottom-left-radius",
170
+ "box-decoration-break",
171
+ "box-shadow",
172
+ "table-layout",
173
+ "caption-side",
174
+ "empty-cells",
175
+ "list-style",
176
+ "list-style-position",
177
+ "list-style-type",
178
+ "list-style-image",
179
+ "quotes",
180
+ "counter-increment",
181
+ "counter-reset",
182
+ "vertical-align",
183
+ "src",
184
+ "opacity",
185
+ "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
186
+ "filter",
187
+ "resize",
188
+ "cursor",
189
+ "nav-index",
190
+ "nav-up",
191
+ "nav-right",
192
+ "nav-down",
193
+ "nav-left",
194
+ "transition",
195
+ "transition-delay",
196
+ "transition-timing-function",
197
+ "transition-duration",
198
+ "transition-property",
199
+ "transform",
200
+ "transform-origin",
201
+ "animation",
202
+ "animation-name",
203
+ "animation-duration",
204
+ "animation-play-state",
205
+ "animation-timing-function",
206
+ "animation-delay",
207
+ "animation-iteration-count",
208
+ "animation-direction",
209
+ "animation-fill-mode",
210
+ "pointer-events",
211
+ "unicode-bidi",
212
+ "direction",
213
+ "columns",
214
+ "column-span",
215
+ "column-width",
216
+ "column-count",
217
+ "column-fill",
218
+ "column-gap",
219
+ "column-rule",
220
+ "column-rule-width",
221
+ "column-rule-style",
222
+ "column-rule-color",
223
+ "break-before",
224
+ "break-inside",
225
+ "break-after",
226
+ "page-break-before",
227
+ "page-break-inside",
228
+ "page-break-after",
229
+ "orphans",
230
+ "widows",
231
+ "zoom",
232
+ "max-zoom",
233
+ "min-zoom",
234
+ "user-zoom",
235
+ "orientation"
236
+ ] ]
237
+ }