Reduce the complete CSS code to a minimum

 * To start the redesign it is necessary to remove the complete CSS code
   responsible for the theme.

 * To ensure a good basic foundation for the design, the normalize.css
   created by @necolas is used. [1]

 * The fontawesome CSS file is also still in use.

[1] https://github.com/necolas/normalize.css

2 files changed, 349 insertions, 497 deletions

diff --git a/static/css/main.css b/static/css/main.css
deleted file mode 100644
index d169ec4..0000000
--- a/static/css/main.css
+++ /dev/null
@@ -1,496 +0,0 @@
-@font-face {
-    font-family: 'Roboto Regular';
-    font-display: auto;
-    font-style:  normal;
-    font-weight: 400;
-    src: local('Roboto Regular'), url('../webfonts/Roboto-Regular.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Roboto Medium';
-    font-display: auto;
-    font-style:  normal;
-    font-weight: 500;
-    src: local('Roboto Medium'), url('../webfonts/Roboto-Medium.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Roboto Bold';
-    font-display: auto;
-    font-style:  normal;
-    font-weight: 600;
-    src: local('Roboto Bold'), url('../webfonts/Roboto-Bold.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Roboto Slab Regular';
-    font-style: normal;
-    font-weight: normal;
-    src: local('Roboto Slab Regular'), url('../webfonts/RobotoSlab-Regular.woff') format('woff');
-}
-
-body {
-    font-family: "Roboto Regular", sans-serif;
-    font-weight: 400;
-    color: #333;
-    line-height: 1.6em;
-    font-size: 18px;
-}
-
-a {
-    color: #3700ff;
-    text-decoration: none;
-    word-break: break-word;
-}
-    a:hover {
-        color: #808080;
-    }
-
-html,button,input,select,textarea {
-    color: #333;
-}
-
-hr {
-    display: block;
-    height: 1px;
-    border: 0;
-    border-top: 1px solid #ccc;
-    margin: 1rem 0;
-    padding: 0;
-}
-
-img {
-    margin: 10px auto 10px auto;
-    max-width: 100%;
-    display: block;
-}
-
-a img {
-    border:none;
-}
-
-figure {
-    margin: 0;
-    text-align: center;
-}
-
-fieldset {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-textarea {
-    resize: vertical;
-}
-
-blockquote {
-    margin-left: 1rem;
-    font-size: 1.2rem;
-    border-left: 2px solid #3700FF;
-    padding-left: 20px;
-}
-
-blockquote cite {
-    font-size: 70%;
-    opacity: .8;
-}
-
-blockquote em {
-    font-weight: 600;
-}
-
-
-h1, h2, h3, h4, h5, h6 {
-    color: #333;
-    font-weight: 500;
-    line-height: 1.3em;
-    margin: 30px 0 20px 0;
-}
-
-h1 {
-    font-size: 2.75rem;
-}
-
-h2 {
-    font-size: 2rem;
-}
-
-h3 {
-    font-size: 1.6rem;
-}
-
-h4 {
-    font-size: 1.2rem;
-}
-
-h5 {
-    font-size: 1rem;
-}
-
-h6 {
-    font-size: .9rem;
-}
-
-.align-center {
-    text-align: center;
-}
-
-.align-left {
-    text-align: left;
-}
-
-.align-right {
-    text-align: right;
-}
-
-ul {
-    padding-left: 15px;
-}
-
-ul.flat {
-    margin: 0;
-    padding: 0;
-}
-
-ul.flat li {
-    list-style: none;
-    margin-left: 0;
-}
-
-.prevent-collapse {
-    min-height: .1rem
-}
-
-.smaller {
-    font-size: 70%;
-}
-
-ul {
-    list-style: disc inside;
-}
-
-.post ul li {
-    margin-bottom: 10px;
-}
-
-.post ul li p {
-    display: inline;
-}
-
-.highlight pre {
-    margin-bottom: 0;
-    margin-top: 0;
-    padding: 20px;
-    background-color: transparent !important;
-}
-
-.highlight {
-    background: 0 0;
-    background-color: #FAFAFA;
-}
-
-.wrapper {
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-.container {
-    max-width: 800px;
-    margin-top: 50px;
-}
-
-.header {
-  margin-bottom: 20px;
-}
-
-.header .avatar {
-    float: left;
-    margin: -25px 20px 0 0;
-}
-.header .avatar img {
-    width: 80px;
-    height: 80px;
-    overflow: hidden;
-    border-radius: 100%;
-}
-.header .site-title {
-    margin: 0 0 10px 0;
-    line-height: 0.2em;
-    font-size: 2.75rem;
-}
-    .site-title a {
-        color: #333;
-        text-decoration: none;
-    }
-    .site-title a:hover {
-        text-decoration: none;
-        color: #808080;
-    }
-
-.header .site-description {
-    display: flex;
-    justify-content: space-between;
-}
-
-.header nav {
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-    padding: 5px 0 5px 0;
-    text-align: center;
-}
-
-.header nav ul,
-.header nav li {
-    margin: 0;
-    padding: 0;
-}
-
-.header nav li {
-    display: inline-block;
-    list-style: none;
-    margin: 0 30px 0 0;
-}
-    .header nav.social a {
-        color: #333;
-    }
-    .header nav.social a:hover {
-        color: #3700ff;
-    }
-
-.header .site-description nav {
-    margin: 0;
-    padding: 0;
-    border: none;
-    min-width: 50px;
-    margin-left: 15px;
-}
-
-.header .site-description nav ul svg {
-    max-height: 15px;
-}
-
-.section .section-header {
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    color: #999;
-    margin-bottom: 20px;
-    letter-spacing: 1px;
-}
-
-.recent-posts .posts .post {
-    margin-bottom: 45px;
-}
-
-.post-header {
-    display: flex;
-}
-.post-header .meta .date {
-    margin-right: 30px;
-    width: 64px;
-    text-align: center;
-}
-.post-header .meta .date .day {
-    font-family: "Roboto Slab Regular", serif;
-    font-weight: 700;
-    line-height: 0.45em;
-    font-size: 3em;
-    display: block;
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-.post-header .meta .date .rest {
-    display: block;
-    font-size: 0.80em;
-    font-family: "Roboto Slab Regular", serif;
-}
-.post-header h1.title {
-    margin: -10px 0 0 0;
-    font-family: "Roboto Slab Regular", serif;
-    font-weight: bold;
-}
-
-.post .title.small {
-    margin: 0 0 10px 0;
-    font-family: "Roboto Slab Regular", serif;
-}
-.post .post-header {
-    margin-bottom: 30px;
-}
-
-.post .draft-label {
-    color: #3700ff;
-    text-decoration: none;
-    padding: 2px 4px;
-    border-radius: 4px;
-    margin-left: 6px;
-    background-color: #f9f2f4;
-}
-
-.post .tags a {
-    display: inline-block;
-    border: 1px solid #3700ff;
-    border-radius: 3px;
-    padding: 0px 6px;
-    line-height: 20px;
-    font-size: 0.85em;
-    text-decoration: none;
-    margin: 0 10px 0 0;
-}
-
-.post .tags a:hover {
-    border: 1px solid #FFFFFF;
-}
-.list .posts .post-header .meta {
-    margin-bottom: 0;
-}
-
-.footer {
-    font-family: "Roboto Slab Regular", serif;
-    text-align: right;
-    font-size: 0.75em;
-    color: #999;
-    border-top: 1px solid #eee;
-    margin-top: 10px;
-    padding: 5px 0;
-}
-    .footer a {
-        color: #555;
-    }
-    .footer a:hover {
-        color: #3700ff !important;
-    }
-
-.tag-cloud {
-    margin-top: 20px;
-}
-
-.tag-cloud a {
-    margin-right: 15px;
-}
-
-.pagination {
-    margin: 0;
-    padding: 0;
-    text-align: left;
-    display: flex;
-    justify-content: space-between;
-}
-
-.pagination li {
-    list-style: none;
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-}
-
-.pagination .page-prev {
-    margin-right: 20px;
-    padding-right: 20px;
-}
-
-.pagination .page-item.page-prev {
-    text-align: left;
-}
-
-.pagination .page-item.page-next {
-    text-align: right;
-}
-
-.icons {
-  color: #000000;
-  font-size: 1.4rem;
-}
-
-.icons:hover {
-  color: #808080;
-}
-
-.footer a:hover {
-  color: #000000;
-}
-
-.page-title {
-  font-weight: 500;
-  margin-top: 0px;
-}
-
-.li-social {
-  margin: 0 10px 0 0 !important;
-}
-
-.tags {
-  text-align: center;
-  padding: 5px 0 20px 0;
-}
-
-.clearit {
-  clear: both;
-}
-
-.termsfloating_right {
-  float: right;
-  width: 80%;
-}
-
-.taxosfloating_left {
-  float: left;
-  width: 20%;
-}
-
-.author {
-  font-size: 1.2rem;
-  font-weight: bold;
-  text-align: left;
-  margin-bottom: 10px;
-}
-
-@media (max-width: 900px) {
-    body {
-        padding: 15px;
-    }
-
-    h1 {
-        font-size: 1.8rem;
-    }
-
-    h2 {
-        font-size: 1.6rem;
-    }
-
-    h3 {
-        font-size: 1.2rem;
-    }
-
-    h4 {
-        font-size: 1rem;
-    }
-
-    .container {
-        margin-top: 10px;
-    }
-
-    .header .nav.social li {
-        margin: 0;
-        padding: 2px;
-    }
-    .header .nav li {
-        margin: 0 10px 0 0;
-    }
-
-    .header .avatar img {
-        display: none;
-    }
-
-    blockquote {
-        margin-left: 1rem;
-        font-size: 1rem;
-        border-left: 2px solid #3700FF;
-        padding-left: 20px;
-    }
-
-    .icons {
-        font-size: 1.6rem;
-    }
-}
diff --git a/static/css/normalize.css b/static/css/normalize.css
index 7899c74..192eb9c 100644
--- a/static/css/normalize.css
+++ b/static/css/normalize.css
@@ -1 +1,349 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:0.85em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}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]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
+/*! 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;
+}