diff --git a/README.md b/README.md
index b9947e35f..60e5b9182 100644
--- a/README.md
+++ b/README.md
@@ -7,3 +7,5 @@ We are committed to providing a friendly, safe, and welcoming environment for al
 ### Acknowledgments
 
 Thanks to [DigitalOcean](https://www.digitalocean.com/) for sponsoring the hosting of whatwg.org.
+
+Thanks to [Oliver Williams](https://github.com/o-t-w) for the most recent home page design (see [#90](https://github.com/whatwg/whatwg.org/pull/90) and [#153](https://github.com/whatwg/whatwg.org/pull/153)).
diff --git a/whatwg.org/img/arrow.svg b/whatwg.org/img/arrow.svg
new file mode 100644
index 000000000..106a32722
--- /dev/null
+++ b/whatwg.org/img/arrow.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 77 44" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#3A7908" d="m 60.5691,26.8506 -8.7993,8.8689 c -1.8794,1.8943 -1.8794,4.9655 0,6.8598 1.8794,1.8943 4.9265,1.8943 6.8059,0 L 75.59045,25.4299 C 76.53015,24.4827 77,23.2414 77,22 77,20.7586 76.53015,19.5173 75.59045,18.5701 L 58.5757,1.4207 c -1.8794,-1.894268 -4.9265,-1.894268 -6.8059,0 -1.8794,1.89428 -1.8794,4.9655 0,6.85977 l 8.7993,8.86893 -55.7566,0 C 2.1546,17.1494 0,19.3211 0,22 c 0,2.6789 2.1546,4.8506 4.8125,4.8506 l 55.7566,0 z"/>
+</svg>
diff --git a/whatwg.org/img/checker.svg b/whatwg.org/img/checker.svg
new file mode 100644
index 000000000..2fea7f608
--- /dev/null
+++ b/whatwg.org/img/checker.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 101 101" xmlns="http://www.w3.org/2000/svg">
+  <path fill="white" d="M85.356 14.645C78.363 7.652 69.454 2.89 59.756.96 50.055-.97 40 .023 30.865 3.807S13.92 14 8.426 22.22C2.933 30.445 0 40.11 0 50s2.932 19.556 8.427 27.78C13.92 86 21.73 92.41 30.867 96.193c9.135 3.784 19.19 4.775 28.888 2.845 9.7-1.93 18.608-6.692 25.6-13.685 4.664-4.632 8.365-10.14 10.89-16.207C98.77 63.08 100.07 56.572 100.07 50c0-6.572-1.3-13.08-3.825-19.148-2.525-6.067-6.226-11.576-10.89-16.207zm-5.53 65.18c-7.95 7.732-18.62 12.024-29.71 11.948-11.088-.077-21.7-4.516-29.542-12.356-7.84-7.84-12.28-18.454-12.356-29.542-.076-11.09 4.216-21.762 11.948-29.71 7.948-7.732 18.62-12.024 29.71-11.948 11.088.077 21.7 4.515 29.54 12.356 7.842 7.84 12.28 18.454 12.357 29.542.077 11.09-4.215 21.762-11.947 29.71z"/>
+  <path fill="white" d="M 43.32,51.19 33.01,39.98 21.61,51.38 43.09,72.87 79.39,36.57 71.1,28.13 43.32,51.19 Z"/>
+</svg>
diff --git a/whatwg.org/img/irc.svg b/whatwg.org/img/irc.svg
new file mode 100644
index 000000000..1cfce9393
--- /dev/null
+++ b/whatwg.org/img/irc.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+  <path fill="white" d="M 46.57,32.78 C 45.47,32.41 44.46,31.817 43.6,31.04 42.74,30.262 42.05,29.316 41.57,28.26 45.73,25.77 48,22.18 48,18.06 48,8.66 38.75,4.38 30.16,4.38 c -7.38,0 -16,3.1 -17.95,9.85 C 4.24,16.37 0,21.78 0,26.95 c 0,4.11 2.27,7.71 6.42,10.21 -0.48,1.054 -1.17,2 -2.03,2.775 -0.86,0.775 -1.872,1.366 -2.97,1.735 -0.224,0.074 -0.415,0.224 -0.54,0.425 -0.123,0.2 -0.172,0.44 -0.138,0.672 0.035,0.234 0.15,0.447 0.328,0.603 0.177,0.157 0.404,0.245 0.64,0.25 l 0.36,0 c 1.58,0 8,-0.21 13.1,-3.38 1.543,0.257 3.105,0.387 4.67,0.39 7.52,0 13,-3 15.32,-8.06 3.42,1.408 7.08,2.142 10.78,2.16 l 0.34,0 c 0.236,-0.005 0.462,-0.094 0.64,-0.25 0.177,-0.156 0.293,-0.37 0.328,-0.603 0.034,-0.233 -0.015,-0.47 -0.14,-0.672 -0.123,-0.2 -0.314,-0.35 -0.538,-0.425 z m -26.74,5.85 c -1.576,-0.002 -3.15,-0.143 -4.7,-0.42 -0.25,-0.043 -0.508,0.01 -0.72,0.15 -2.607,1.6 -5.525,2.622 -8.56,3 C 7.08,40.176 8.03,38.73 8.63,37.13 8.717,36.903 8.72,36.65 8.634,36.423 8.55,36.195 8.384,36.005 8.17,35.89 5.35,34.34 2,31.56 2,26.95 2,18.89 12.43,15.27 19.83,15.27 c 7,0 14.48,3.07 14.48,11.68 0,8.61 -7.48,11.68 -14.48,11.68 z m 16,-8 c 0.326,-1.206 0.49,-2.45 0.49,-3.7 0,-8.31 -6.47,-13.68 -16.48,-13.68 -1.776,-0.002 -3.55,0.148 -5.3,0.45 2.25,-4.82 9.23,-7.34 15.62,-7.34 7.63,0.02 15.84,3.68 15.84,11.7 0,4.62 -3.35,7.39 -6.16,8.9 -0.215,0.115 -0.38,0.305 -0.464,0.533 -0.085,0.228 -0.083,0.48 0.004,0.707 0.597,1.604 1.547,3.053 2.78,4.24 -2.185,-0.303 -4.32,-0.905 -6.34,-1.79 l 0.01,-0.02 z M 13,27.5 c 0,0.396 -0.117,0.782 -0.337,1.11 -0.22,0.33 -0.532,0.586 -0.898,0.738 -0.365,0.15 -0.767,0.19 -1.155,0.114 C 10.222,29.384 9.865,29.194 9.586,28.914 9.306,28.634 9.116,28.278 9.038,27.89 8.961,27.502 9.001,27.1 9.152,26.735 9.304,26.369 9.56,26.057 9.889,25.837 c 0.328,-0.22 0.714,-0.337 1.11,-0.337 0.53,0 1.04,0.21 1.414,0.586 0.375,0.375 0.586,0.884 0.586,1.414 z m 7,0 c 0,0.396 -0.117,0.782 -0.337,1.11 -0.22,0.33 -0.532,0.586 -0.898,0.738 -0.365,0.15 -0.767,0.19 -1.155,0.114 -0.388,-0.078 -0.744,-0.268 -1.024,-0.548 -0.28,-0.28 -0.47,-0.636 -0.548,-1.024 -0.077,-0.388 -0.037,-0.79 0.114,-1.155 0.152,-0.366 0.408,-0.678 0.737,-0.898 0.328,-0.22 0.714,-0.337 1.11,-0.337 0.53,0 1.04,0.21 1.414,0.586 0.375,0.375 0.586,0.884 0.586,1.414 z m 7,0 c 0,0.396 -0.117,0.782 -0.337,1.11 -0.22,0.33 -0.532,0.586 -0.898,0.738 -0.365,0.15 -0.767,0.19 -1.155,0.114 -0.388,-0.078 -0.744,-0.268 -1.024,-0.548 -0.28,-0.28 -0.47,-0.636 -0.548,-1.024 -0.077,-0.388 -0.037,-0.79 0.114,-1.155 0.152,-0.366 0.408,-0.678 0.737,-0.898 0.328,-0.22 0.714,-0.337 1.11,-0.337 0.53,0 1.04,0.21 1.414,0.586 0.375,0.375 0.586,0.884 0.586,1.414 z"/>
+</svg>
diff --git a/whatwg.org/img/participate.svg b/whatwg.org/img/participate.svg
new file mode 100644
index 000000000..1e488f46a
--- /dev/null
+++ b/whatwg.org/img/participate.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path fill="white" d="M17.997 18h-11.995l-.002-.623c0-1.259.1-1.986 1.588-2.33 1.684-.389 3.344-.736 2.545-2.209-2.366-4.363-.674-6.838 1.866-6.838 2.491 0 4.226 2.383 1.866 6.839-.775 1.464.826 1.812 2.545 2.209 1.49.344 1.589 1.072 1.589 2.333l-.002.619zm4.811-2.214c-1.29-.298-2.49-.559-1.909-1.657 1.769-3.342.469-5.129-1.4-5.129-1.265 0-2.248.817-2.248 2.324 0 3.903 2.268 1.77 2.246 6.676h4.501l.002-.463c0-.946-.074-1.493-1.192-1.751zm-22.806 2.214h4.501c-.021-4.906 2.246-2.772 2.246-6.676 0-1.507-.983-2.324-2.248-2.324-1.869 0-3.169 1.787-1.399 5.129.581 1.099-.619 1.359-1.909 1.657-1.119.258-1.193.805-1.193 1.751l.002.463z"/>
+</svg>
diff --git a/whatwg.org/img/twitter.svg b/whatwg.org/img/twitter.svg
new file mode 100644
index 000000000..a7ac27ca0
--- /dev/null
+++ b/whatwg.org/img/twitter.svg
@@ -0,0 +1,3 @@
+<svg viewBox="50 50 300 300" xmlns="http://www.w3.org/2000/svg">
+  <path fill="white" d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"/>
+</svg>
diff --git a/whatwg.org/index.html b/whatwg.org/index.html
index d594263bb..4cefbf452 100644
--- a/whatwg.org/index.html
+++ b/whatwg.org/index.html
@@ -1,42 +1,296 @@
 <!DOCTYPE HTML>
 <html lang="en">
- <head>
-  <title>Web Hypertext Application Technology Working Group</title>
-  <link rel="stylesheet" href="/style/tabbed-pages">
-  <link rel="icon" href="https://resources.whatwg.org/logo.svg">
- </head>
- <body class="front-page">
-  <hgroup>
-   <h1><img src="https://resources.whatwg.org/logo.svg" height=100 width=100 alt> Welcome to the WHATWG community</h1>
-   <h2>Maintaining and evolving HTML since 2004</h2>
-  </hgroup>
-
-  <a href="/faq"><p><strong>FAQ</strong> <span>Get answers</span> <span>to your questions</span> <span>about the WHATWG</span></p></a>
-  <a href="https://html.spec.whatwg.org/multipage/"><p><strong>HTML</strong> <span>Read, use,</span> <span>or implement</span> <span>the HTML Living Standard</span></p></a>
-  <a href="https://spec.whatwg.org/"><p><strong>Standards</strong> <span>See the other</span> standards <span>developed at the WHATWG</span></p></a>
-
-  <a href="https://blog.whatwg.org/"><p><strong>News</strong> <span>Read and contribute</span> <span>to the WHATWG blog</span></p></a>
-  <a href="https://checker.html5.org/"><p><strong>HTML checker</strong> <span>Validate your documents</span> <span>with an HTML checker</span></p></a>
-  <a href="/working-mode"><p><strong>Working Mode</strong> <span>Find out</span> <span>how the</span> <span>WHATWG works</span></p></a>
-
-  <a href="https://github.com/whatwg"><p><strong>Join</strong> <span>Contribute to</span> <span>standards development</span> <span>on GitHub</span></p></a>
-  <a href="https://wiki.whatwg.org/wiki/IRC"><p><strong>IRC</strong> <span>Chat with other members</span> <span>of the WHATWG community</span></p></a>
-  <a href="https://participate.whatwg.org/"><p><strong>Participate</strong> <span>Get started with</span> <span>contributing to WHATWG standards</span></p></a>
-
-<!--
-  <a href="https://wiki.whatwg.org/"><p><strong>Wiki</strong> <span>Poke at our wiki pages</span> <span>and see what you unearth</span></p></a>
-  <a href="https://twitter.com/WHATWG"><p><strong>Twitter</strong> <span>Keep track of spec changes</span> <span>by following our Twitter feed</span></p></a>
--->
-
-  <footer>
-   <address>Queries can be directed either as a
-   <a href="https://github.com/whatwg/meta/issues/new">new meta issue</a> or as an email to the
-   <a href="mailto:sg@whatwg.org">Steering Group</a>.</address>
-
-   <p><small>Copyright © 2017 WHATWG (Apple, Google, Mozilla, Microsoft). This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</small></p>
-  </footer>
-
-  <script> var _gaq = [['_setAccount', 'UA-20955470-1'], ['_setDomainName', '.whatwg.org'], ['_trackPageview']]; </script>
-  <script async src="https://ssl.google-analytics.com/ga.js"></script>
- </body>
-</html>
+<meta charset="utf-8">
+<title>Web Hypertext Application Technology Working Group (WHATWG)</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="theme-color" content="#3A7908">
+<link rel="icon" href="https://resources.whatwg.org/logo.svg">
+
+<style>
+* {
+ box-sizing: border-box;
+}
+
+:link {
+ color: #00F;
+}
+:visited {
+ color: #0E388C;
+}
+
+html {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+ background-color: rgb(235, 235, 235);
+ --whatwggreen: #3A7908;
+}
+
+body {
+ max-width: 900px;
+ margin: 0 auto;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+
+@media (max-width: 600px) {
+ body {
+  padding: 8px;
+ }
+}
+
+body > *:not(footer):not(script) {
+ margin-bottom: 40px;
+}
+
+header {
+ margin-top: 32px;
+ display: flex;
+ align-items: center;
+}
+
+header > hgroup {
+ margin-left: 20px;
+}
+
+header > hgroup > h1 {
+ margin: 0;
+ font-weight: normal;
+}
+
+@media (max-width: 600px) {
+ header {
+  margin-top: 0;
+ }
+
+ header > hgroup > h1 {
+  font-size: 19px;
+ }
+}
+
+header > hgroup > h2 {
+ font-size: 17px;
+ margin: 0;
+ color: rgb(40, 40, 40);
+ font-weight: normal;
+ margin: 5px 0;
+}
+
+#the-standards > ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+#the-standards li {
+ border: solid var(--whatwggreen) 2px;
+ border-radius: 7px;
+ letter-spacing: 0.25px;
+ font-weight: bold;
+ background-color: white;
+}
+
+#the-standards li:not(:last-of-type) {
+ margin-bottom: 15px;
+}
+
+#the-standards a {
+ color: var(--whatwggreen);
+ text-decoration: none;
+ padding: 4px 30px;
+ height: 64px;
+ display: flex;
+ align-items: center;
+}
+
+#the-standards a:hover, #the-standards a:focus {
+  transition: 0.2s;
+  padding-left: 50px;
+}
+
+#the-standards a::before {
+ display: inline-block;
+ width: 27px;
+ height: 15.4px;
+ background: url(/img/arrow.svg);
+ content: "";
+ margin-right: 21px;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+}
+
+@media (min-width: 600px) {
+ #self-explanatory-links {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  grid-column-gap: 20px;
+  grid-row-gap: 20px;
+ }
+}
+
+#self-explanatory-links > a {
+ padding: 10px;
+ text-align: center;
+ border: 8px solid rgba(58, 121, 8, 0.2);
+ background: linear-gradient(var(--whatwggreen), #00981B);
+ background-clip: padding-box;
+ grid-column: span 3;
+ text-decoration: none;
+ color: white;
+ font-size: 17px;
+ letter-spacing: 0.3px;
+}
+
+#self-explanatory-links > a:hover, #self-explanatory-links > a:focus {
+  transition: 0.2s;
+  transform: scale(1.1);
+}
+
+@media (max-width: 600px) {
+ #self-explanatory-links > a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin-top: 15px;
+ }
+}
+
+#links-with-explanations {
+ /* Grow into the extra space before the footer to make the footer stick to the bottom. */
+ flex: 1;
+}
+
+#links-with-explanations a {
+ padding: 0 10px;
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 15px;
+ background-color: #333;
+ align-items: center;
+ justify-content: space-between;
+ border-radius: 4px;
+ color: white;
+ min-height: 54px;
+ text-decoration: none;
+}
+
+#links-with-explanations a:hover, #links-with-explanations a:focus {
+  transition: .2s;
+  background-color: black;
+}
+
+#links-with-explanations a::before {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ content: "";
+ margin: 12px 20px 12px 8px;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+}
+
+#participate::before {
+ background: url(/img/participate.svg);
+}
+
+#irc::before {
+ background: url(/img/irc.svg);
+}
+
+#twitter::before {
+ background: url(/img/twitter.svg);
+}
+
+#checker::before {
+ background: url(/img/checker.svg);
+}
+
+#links-with-explanations a > strong {
+ margin-right: auto;
+}
+
+#links-with-explanations a > p {
+ margin-left: auto;
+ padding-right: 8px;
+}
+
+@media (max-width: 600px) {
+  #links-with-explanations a > p {
+    width: 100%;
+    padding-left: 12px;
+  }
+}
+
+footer {
+ border-top: 1px solid black;
+ text-align: center;
+ font-size: 12px;
+}
+
+footer small {
+  /* Semantically it's small, but the footer is already small, so don't change the font size. */
+  font-size: inherit;
+}
+
+footer > * {
+ font-style: normal;
+ margin: 12px 0;
+}
+</style>
+
+<header>
+ <img class="main-logo" src="https://resources.whatwg.org/logo.svg" height="100" width="100" alt="">
+ <hgroup>
+  <h1>Welcome to the WHATWG community</h1>
+  <h2>Maintaining and evolving HTML since 2004</h2>
+ </hgroup>
+</header>
+
+<div id="the-standards">
+ <ul>
+  <li><a href="https://html.spec.whatwg.org">Read the HTML Living Standard</a></li>
+  <li><a href="https://spec.whatwg.org/">See the other Living Standards developed at the WHATWG</a></li>
+ </ul>
+</div>
+
+<div id="self-explanatory-links">
+ <a href="https://blog.whatwg.org/">Blog</a>
+ <a href="/faq">FAQ</a>
+ <a href="https://github.com/whatwg">GitHub</a>
+ <a href="/policies">Policies</a>
+</div>
+
+<div id="links-with-explanations">
+ <a href="https://participate.whatwg.org/" id="participate">
+  <strong>Participate</strong>
+  <p>Get started with contributing to the WHATWG</p>
+ </a>
+ <a href="https://wiki.whatwg.org/wiki/IRC" id="irc">
+  <strong>IRC</strong>
+  <p>Chat with other members of the WHATWG community</p>
+ </a>
+ <a href="https://twitter.com/WHATWG" id="twitter">
+  <strong>Twitter</strong>
+  <p>Keep track of spec changes and other announcements</p>
+ </a>
+ <a href="https://checker.html5.org/" id="checker">
+  <strong>HTML checker</strong>
+  <p>Validate your HTML documents</p>
+ </a>
+</div>
+
+<footer>
+ <address>Queries can be directed either as a
+  <a href="https://github.com/whatwg/meta/issues/new">new meta issue</a> or as an email to the
+  <a href="mailto:sg@whatwg.org">Steering Group</a>.
+ </address>
+
+ <p><small>Copyright © 2017 WHATWG (Apple, Google, Mozilla, Microsoft). This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</small></p>
+</footer>
+
+<script>
+ "use strict";
+ window._gaq = [['_setAccount', 'UA-20955470-1'], ['_setDomainName', '.whatwg.org'], ['_trackPageview']];
+</script>
+<script async src="https://ssl.google-analytics.com/ga.js"></script>
diff --git a/whatwg.org/style/tabbed-pages b/whatwg.org/style/tabbed-pages
index 207715e70..690124d81 100644
--- a/whatwg.org/style/tabbed-pages
+++ b/whatwg.org/style/tabbed-pages
@@ -52,42 +52,6 @@ dl > dt { margin: 1em 0 0 0; }
 dl > dd { margin: 0.25em 0 0.25em 2em; }
 ol.dated { list-style: disc; }
 
-
-/* front page */
-
-body.front-page { text-align: center; }
-
-body.front-page h1 img { float: none; display: block; margin: 0 auto; padding: 0; }
-body.front-page h1 { margin: 0; padding: 0; font-size: 2em; font-weight: bold; }
-body.front-page h2 { font: inherit; margin: 0; padding: 0; font-style: italic; }
-
-body.front-page > a { margin: 1em 2em; border: solid thick; text-align: center; display: inline-block; vertical-align: bottom; text-decoration: none; }
-body.front-page > a > p { text-decoration: none; width: 18em; min-height: 7em; padding: 1em 1.4em; }
-body.front-page > a > p strong { font-size: 2em; font-style: normal; display: block; text-decoration: underline; }
-body.front-page > a > p span { white-space: nowrap; text-decoration: none; }
-
-body.front-page > a                                              { color: black; background: #FFFF99; border-color: #FFFF00; }
-body.front-page > a + a                                          { color: black; background: #99FFFF; border-color: #00FFFF; }
-body.front-page > a + a + a                                      { color: black; background: #FF99CC; border-color: #FF0099; }
-body.front-page > a + a + a + a                                  { color: black; background: #99FF99; border-color: #00FF00; }
-body.front-page > a + a + a + a + a                              { color: black; background: #FF9999; border-color: #FF0000; }
-body.front-page > a + a + a + a + a + a                          { color: black; background: #99CCFF; border-color: #0099FF; }
-body.front-page > a + a + a + a + a + a + a                      { color: black; background: #CC99FF; border-color: #9900FF; }
-body.front-page > a + a + a + a + a + a + a + a                  { color: black; background: #FFCC99; border-color: #FF9900; }
-body.front-page > a + a + a + a + a + a + a + a + a              { color: black; background: #FF99FF; border-color: #FF00FF; }
-body.front-page > a + a + a + a + a + a + a + a + a + a          { color: black; background: #99FFCC; border-color: #00FF99; }
-body.front-page > a + a + a + a + a + a + a + a + a + a + a      { color: white; background: #999999; border-color: #000000; }
-body.front-page > a + a + a + a + a + a + a + a + a + a + a + a  { color: black; background: #CCFF99; border-color: #99FF00; }
-
-body.front-page > a {
-  box-shadow:         0 0 5px black;
-  transition: box-shadow 0.05s linear;
-}
-
-body.front-page > a:hover {
-  box-shadow:         0 0 25px black;
-}
-
 body > footer {
   margin-top: 2em;
   border-top: 1px solid;