diff --git a/docs/index.html b/docs/index.html
index 1f25f45..28353af 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,260 +3,29 @@
 <head>
     <meta charset="utf-8">
     <title>RSSPAPER</title>
+    <meta name="description" content="My static news generator">
+    <meta name="generator" content="RSSPAPER">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
+    <link rel="icon" type="image/png" href="static/img/icons/favicon.png">
+    <meta name="theme-color" content="#3c790a">
     <!-- PWA -->
     <link rel="manifest" href="static/manifest.json" />
+    <link rel="apple-touch-icon" href="static/img/icons/apple-icon-180.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <!-- ios support -->
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
-    <link rel="apple-touch-icon" href="static/img/icons/default.png" />
     <meta name="apple-mobile-web-app-status-bar" content="#fff" />
     <meta name="theme-color" content="#db4938" />
     <!-- End PWA -->
-    <link rel="icon" type="image/png" href="static/img/icons/default.png">
-    <meta name="theme-color" content="#3c790a">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
-    <meta name="author" content="Tu nombre">
-    <meta name="generator" content="RSSPAPER">
-    <meta name="description" content="My news">
+    <!-- Opengraph -->
     <meta property="og:image" content="img/screenshot.png">
-    <meta property="og:title" content="The Rock">
+    <meta property="og:title" content="RSSPAPER">
     <meta property="og:type" content="website">
-    <!-- Normalize -->
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
-    <!-- End Normalize -->
-    <!-- Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
-    <!-- End Fonts -->
+    <!-- End Opengraph -->
     <!-- CSS -->
-    <style>
-        /* Global */
-        :root {
-            --color-black: black;
-            --color-gray: gray;
-            --height-img: 10rem;
-        }
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: 'Newsreader', serif;
-            color: var(--color-black);
-        }
-        img {
-            object-fit: cover;
-            object-position: center;
-        }
-        img, video, iframe {
-            width: 100%;
-        }
-        a {
-            color: var(--color-black);
-            text-decoration: none;
-        }
-        pre {
-            overflow-x: auto;
-        }
-        .container {
-            max-width: 62rem;
-            margin: 0 auto;
-            padding: 1rem;
-        }
-
-        .header {
-            margin-bottom: 2rem;
-        }
-
-        .title {
-            text-align: center;
-            font-size: 4rem;
-            font-weight: normal;
-            margin-bottom: 0;
-            margin-top: 1rem;
-        }
-        .subtitle {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin-top: -1rem;
-            font-weight: normal;
-            font-size: 1.5rem;
-        }
-        .subtitle__separator {
-            font-size: 3rem;
-            font-weight: bold;
-        }
-        .separator {
-            border: 0;
-            background: var(--color-black);
-            height: 1px;
-        }
-        .footer__text {
-            text-align: center;
-            padding: 1rem 0;
-        }
-        .footer__link {
-            font-weight: bold;
-        }
-        .footer__heard {
-            display: inline-block;
-            margin-left: .3rem;
-        }
-        .article__title, .article__feed {
-            font-weight: normal;
-        }
-
-        .article__header-img > a > img {
-            height: var(--height-img);
-            object-position: center;
-            object-fit: contain;
-        }
-        .article__random-background {
-            height: 100%;
-            width: 100%;
-        }
-    </style>
-    <style media="all and (max-width: 600px)">
-        /* Mobile */
-    </style>
-    <style media="all and (min-width: 601px)">
-        /* Desktop */
-        .main {
-            display: grid;
-            grid-gap: 1rem;
-            grid-template-columns: repeat(12, 1fr);
-        }
-
-        /* First column. */
-        .feed__article:nth-child(3n-2){
-            grid-column: 9 / 13;
-        }
-
-        /* Second column */
-        .feed__article:nth-child(3n+2){
-            grid-column: 1 / 5;
-        }
-
-        /* Third column */
-        .feed__article:nth-child(3n+3) {
-            grid-column: 5 / 9;
-        }
-
-        .article__title {
-            font-size: 1.5rem;
-        }
-
-        .article__feed {
-            font-size: 1rem;
-        }
-
-        .article__date {
-            font-size: .9rem;
-            color: var(--color-gray);
-        }
-
-        .feed__article:nth-child(1) .article__title {
-            font-size: 2rem;
-        }
-
-        .feed__article:nth-child(1) .article__feed {
-            font-size: 1rem;
-        }
-
-        .feed__article:nth-child(1) {
-            grid-column: 1 / 9;
-            grid-row: 1 / 4;
-            text-align: center;
-        }
-
-        .feed__article:nth-child(2) {
-            grid-column: 9 / 13;
-            grid-row: 1 / 2;
-
-        }
-
-        .feed__article:nth-child(3) {
-            grid-column: 9 / 13;
-            grid-row: 2 / 3;
-
-        }
-
-        .feed__article:nth-child(4) {
-            grid-column: 9 / 13;
-            grid-row: 3 / 4;
-        }
-
-        .feed__article:nth-child(2) .article__header,
-        .feed__article:nth-child(3) .article__header,
-        .feed__article:nth-child(4) .article__header
-        {
-            display: flex;
-            justify-content: space-between;
-            flex-direction: row-reverse;
-            grid-gap: 1rem;
-        }
-
-        .article__header > p {
-            margin: 0;
-        }
-
-        .article__header-img > img {
-            height: var(--height-img);
-        }
-
-        .feed__article:nth-child(1) .article__header-img > img,
-        .feed__article:nth-child(2) .article__header-img > img,
-        .feed__article:nth-child(3) .article__header-img > img,
-        .feed__article:nth-child(4) .article__header-img > img
-        {
-            height: initial;
-        }
-
-        .feed__article:nth-child(2) .article__titles,
-        .feed__article:nth-child(3) .article__titles,
-        .feed__article:nth-child(4) .article__titles,
-        .feed__article:nth-child(2) .article__header-img,
-        .feed__article:nth-child(3) .article__header-img,
-        .feed__article:nth-child(4) .article__header-img
-        {
-            width: 50%;
-        }
-
-        .feed__article:nth-child(2) .article__title,
-        .feed__article:nth-child(3) .article__title,
-        .feed__article:nth-child(4) .article__title
-        {
-            font-size: 1.2rem;
-        }
-
-        .feed__article:nth-child(2) .article__feed,
-        .feed__article:nth-child(3) .article__feed,
-        .feed__article:nth-child(4) .article__feed
-        {
-            font-size: 1rem;
-        }
-        .article__main {
-            position: fixed;
-            left: -100%;
-            top: 0;
-            bottom: 0;
-            overflow-y: auto;
-
-        }
-        .feed__article:nth-child(1) .article__header {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-        }
-        .feed__article:nth-child(1) .article__header-img {
-            height: 100%;
-        }
-    </style>
+    <link rel="stylesheet" type="text/css" href="static/css/normalize.css">
+    <link rel="stylesheet" href="static/css/main.css">
+    <link rel="stylesheet" href="static/css/desktop.css" media="all and (max-width: 600px)">
+    <link rel="stylesheet" href="static/css/mobile.css" media="all and (min-width: 601px)">
     <!-- End CSS -->
 </head>
 <body>
@@ -279,13 +48,31 @@
                         </p>
                         <div class="article__titles">
                             <h1 class="article__title">
-                                <a target="_blank" href="https://vlctechhub.org/events/como-se-hacen-posible-los-micro-y-nano-pagos-sobre-blockchain-60f90794a62a">Jueves 29 de julio | Como se hacen posible los Micro y Nano pagos sobre Blockchain por @avalBit</a>
+                                <a target="_blank" href="https://vlctechhub.org/events/como-se-hacen-posible-los-micro-y-nano-pagos-sobre-blockchain-60f90794a62a">Viernes 30 de julio | Como se hacen posible los Micro y Nano pagos sobre Blockchain por @avalBit</a>
                             </h1>
                             <h2 class="article__feed"><a target="_blank" href="https://vlctechhub.org/">VLCTechHub Feed</a> <span class="article__date">30 07 2021</span></h2>
                         </div>
                     </header>
                 </article>
             
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://blog.elhacker.net/2021/07/contratistas-de-defensa-de-eu-fueron-enganados-por-bellas-instructoras-aerobic-hackearon-cuentas-email.html">
+                                
+                                <canvas class="article__random-background"></canvas>
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://blog.elhacker.net/2021/07/contratistas-de-defensa-de-eu-fueron-enganados-por-bellas-instructoras-aerobic-hackearon-cuentas-email.html">Contratistas de defensa de E.U. fueron engañados por “bellas instructoras de aeróbics” que hackearon sus cuentas de email</a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://blog.elhacker.net/">Blog elhacker.NET</a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
@@ -924,42 +711,6 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.clojuriststogether.org/news/q3-2021-survey-results/">
-                                
-                                <canvas class="article__random-background"></canvas>
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.clojuriststogether.org/news/q3-2021-survey-results/">Q3 2021 Survey Results</a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.clojuriststogether.org/news/">News on Clojurists Together</a> <span class="article__date">23 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://blog.elhacker.net/2021/07/el-97-de-los-emails-dominios-es-que-usan-los-funcionarios-espana-vulnerables-suplantacion-identidad-phishing.html">
-                                
-                                <canvas class="article__random-background"></canvas>
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://blog.elhacker.net/2021/07/el-97-de-los-emails-dominios-es-que-usan-los-funcionarios-espana-vulnerables-suplantacion-identidad-phishing.html">El 97% de los emails que usan los funcionarios Españoles está desprotegido frente a robos de identidad </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://blog.elhacker.net/">Blog elhacker.NET</a> <span class="article__date">23 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
         </main>
     </div>
     <footer class="footer">
diff --git a/docs/static/css/desktop.css b/docs/static/css/desktop.css
new file mode 100644
index 0000000..e69de29
diff --git a/docs/static/css/main.css b/docs/static/css/main.css
new file mode 100644
index 0000000..fc613d1
--- /dev/null
+++ b/docs/static/css/main.css
@@ -0,0 +1,90 @@
+/* Global */
+:root {
+    --color-black: black;
+    --color-gray: gray;
+    --height-img: 10rem;
+}
+
+@font-face {
+    font-family: Newsreader;
+    src: url("static/fonts/Newsreader-VariableFont_opsz,wght.woff2");
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: Newsreader, serif;
+    color: var(--color-black);
+}
+img {
+    object-fit: cover;
+    object-position: center;
+}
+img, video, iframe {
+    width: 100%;
+}
+a {
+    color: var(--color-black);
+    text-decoration: none;
+}
+pre {
+    overflow-x: auto;
+}
+.container {
+    max-width: 62rem;
+    margin: 0 auto;
+    padding: 1rem;
+}
+
+.header {
+    margin-bottom: 2rem;
+}
+
+.title {
+    text-align: center;
+    font-size: 4rem;
+    font-weight: normal;
+    margin-bottom: 0;
+    margin-top: 1rem;
+}
+.subtitle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: -1rem;
+    font-weight: normal;
+    font-size: 1.5rem;
+}
+.subtitle__separator {
+    font-size: 3rem;
+    font-weight: bold;
+}
+.separator {
+    border: 0;
+    background: var(--color-black);
+    height: 1px;
+}
+.footer__text {
+    text-align: center;
+    padding: 1rem 0;
+}
+.footer__link {
+    font-weight: bold;
+}
+.footer__heard {
+    display: inline-block;
+    margin-left: .3rem;
+}
+.article__title, .article__feed {
+    font-weight: normal;
+}
+
+.article__header-img > a > img {
+    height: var(--height-img);
+    object-position: center;
+    object-fit: contain;
+}
+.article__random-background {
+    height: 100%;
+    width: 100%;
+}
\ No newline at end of file
diff --git a/docs/static/css/mobile.css b/docs/static/css/mobile.css
new file mode 100644
index 0000000..04fe641
--- /dev/null
+++ b/docs/static/css/mobile.css
@@ -0,0 +1,131 @@
+/* Desktop */
+.main {
+    display: grid;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(12, 1fr);
+}
+
+/* First column. */
+.feed__article:nth-child(3n-2){
+    grid-column: 9 / 13;
+}
+
+/* Second column */
+.feed__article:nth-child(3n+2){
+    grid-column: 1 / 5;
+}
+
+/* Third column */
+.feed__article:nth-child(3n+3) {
+    grid-column: 5 / 9;
+}
+
+.article__title {
+    font-size: 1.5rem;
+}
+
+.article__feed {
+    font-size: 1rem;
+}
+
+.article__date {
+    font-size: .9rem;
+    color: var(--color-gray);
+}
+
+.feed__article:nth-child(1) .article__title {
+    font-size: 2rem;
+}
+
+.feed__article:nth-child(1) .article__feed {
+    font-size: 1rem;
+}
+
+.feed__article:nth-child(1) {
+    grid-column: 1 / 9;
+    grid-row: 1 / 4;
+    text-align: center;
+}
+
+.feed__article:nth-child(2) {
+    grid-column: 9 / 13;
+    grid-row: 1 / 2;
+
+}
+
+.feed__article:nth-child(3) {
+    grid-column: 9 / 13;
+    grid-row: 2 / 3;
+
+}
+
+.feed__article:nth-child(4) {
+    grid-column: 9 / 13;
+    grid-row: 3 / 4;
+}
+
+.feed__article:nth-child(2) .article__header,
+.feed__article:nth-child(3) .article__header,
+.feed__article:nth-child(4) .article__header
+{
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row-reverse;
+    grid-gap: 1rem;
+}
+
+.article__header > p {
+    margin: 0;
+}
+
+.article__header-img > img {
+    height: var(--height-img);
+}
+
+.feed__article:nth-child(1) .article__header-img > img,
+.feed__article:nth-child(2) .article__header-img > img,
+.feed__article:nth-child(3) .article__header-img > img,
+.feed__article:nth-child(4) .article__header-img > img
+{
+    height: initial;
+}
+
+.feed__article:nth-child(2) .article__titles,
+.feed__article:nth-child(3) .article__titles,
+.feed__article:nth-child(4) .article__titles,
+.feed__article:nth-child(2) .article__header-img,
+.feed__article:nth-child(3) .article__header-img,
+.feed__article:nth-child(4) .article__header-img
+{
+    width: 50%;
+}
+
+.feed__article:nth-child(2) .article__title,
+.feed__article:nth-child(3) .article__title,
+.feed__article:nth-child(4) .article__title
+{
+    font-size: 1.2rem;
+}
+
+.feed__article:nth-child(2) .article__feed,
+.feed__article:nth-child(3) .article__feed,
+.feed__article:nth-child(4) .article__feed
+{
+    font-size: 1rem;
+}
+.article__main {
+    position: fixed;
+    left: -100%;
+    top: 0;
+    bottom: 0;
+    overflow-y: auto;
+
+}
+.feed__article:nth-child(1) .article__header {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+.feed__article:nth-child(1) .article__header-img {
+    height: 100%;
+}
\ No newline at end of file
diff --git a/docs/static/css/normalize.css b/docs/static/css/normalize.css
new file mode 100644
index 0000000..192eb9c
--- /dev/null
+++ b/docs/static/css/normalize.css
@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
diff --git a/docs/static/fonts/Newsreader-VariableFont_opsz,wght.woff2 b/docs/static/fonts/Newsreader-VariableFont_opsz,wght.woff2
new file mode 100644
index 0000000..b9b3b77
Binary files /dev/null and b/docs/static/fonts/Newsreader-VariableFont_opsz,wght.woff2 differ
diff --git a/docs/static/img/icons/android-chrome-192x192.png b/docs/static/img/icons/android-chrome-192x192.png
deleted file mode 100644
index c7a784b..0000000
Binary files a/docs/static/img/icons/android-chrome-192x192.png and /dev/null differ
diff --git a/docs/static/img/icons/android-chrome-512x512.png b/docs/static/img/icons/android-chrome-512x512.png
deleted file mode 100644
index 0e17128..0000000
Binary files a/docs/static/img/icons/android-chrome-512x512.png and /dev/null differ
diff --git a/docs/static/img/icons/android-chrome-maskable-192x192.png b/docs/static/img/icons/android-chrome-maskable-192x192.png
deleted file mode 100644
index c7a784b..0000000
Binary files a/docs/static/img/icons/android-chrome-maskable-192x192.png and /dev/null differ
diff --git a/docs/static/img/icons/android-chrome-maskable-512x512.png b/docs/static/img/icons/android-chrome-maskable-512x512.png
deleted file mode 100644
index 0e17128..0000000
Binary files a/docs/static/img/icons/android-chrome-maskable-512x512.png and /dev/null differ
diff --git a/docs/static/img/icons/apple-icon-180.png b/docs/static/img/icons/apple-icon-180.png
new file mode 100644
index 0000000..1e1a5f4
Binary files /dev/null and b/docs/static/img/icons/apple-icon-180.png differ
diff --git a/docs/static/img/icons/default-alpha.png b/docs/static/img/icons/default-alpha.png
deleted file mode 100644
index 2c49f8e..0000000
Binary files a/docs/static/img/icons/default-alpha.png and /dev/null differ
diff --git a/docs/static/img/icons/default.png b/docs/static/img/icons/default.png
deleted file mode 100644
index 0e17128..0000000
Binary files a/docs/static/img/icons/default.png and /dev/null differ
diff --git a/docs/static/img/icons/favicon.png b/docs/static/img/icons/favicon.png
new file mode 100644
index 0000000..0eca42b
Binary files /dev/null and b/docs/static/img/icons/favicon.png differ
diff --git a/docs/static/img/icons/manifest-icon-192.png b/docs/static/img/icons/manifest-icon-192.png
new file mode 100644
index 0000000..ad69ca8
Binary files /dev/null and b/docs/static/img/icons/manifest-icon-192.png differ
diff --git a/docs/static/img/icons/manifest-icon-512.png b/docs/static/img/icons/manifest-icon-512.png
new file mode 100644
index 0000000..ac86cf0
Binary files /dev/null and b/docs/static/img/icons/manifest-icon-512.png differ
diff --git a/docs/static/manifest.json b/docs/static/manifest.json
index a837896..019212d 100644
--- a/docs/static/manifest.json
+++ b/docs/static/manifest.json
@@ -4,26 +4,16 @@
   "theme_color": "#ffffff",
   "icons": [
     {
-      "src": "img/icons/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "img/icons/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    },
-    {
-      "src": "img/icons/android-chrome-maskable-192x192.png",
+      "src": "manifest-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "maskable any"
     },
     {
-      "src": "img/icons/android-chrome-maskable-512x512.png",
+      "src": "manifest-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "maskable any"
     }
   ],
   "start_url": ".",
