rework blog theme

static/blog-orange&noir.css

@@ -2,8 +2,10 @@
 
  :root
  {
-     --color-text: #ee794c;
      --color-background: #010101;
+     --color-title: #ee794c;
+      --color-text: #fdfdfd;
+     --color-link:  #ee794c;
      --font-emoji : "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
      --font-basic : system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
  }
@@ -19,38 +21,43 @@
  body {
     color: var(--color-text);
     background-color:  var(--color-background);
+    font-family: var(--font-basic);
+    font-weight: 400;
  }
 
-
+ h1, h2, h3, h4, h5{
+     color: var(--color-title);
+ }
+ 
  hr {
      color: var(--color-text);
  }
  
  * {-moz-box-sizing: border-box; box-sizing: border-box;}
 
-
-.articles  a {
+a {
   box-shadow: inset 0 0 0 0 var(--color-text);
-  color: --color-text;
+  color: --color-link;
   padding: 0 .25rem;
   margin: 0 -.25rem;
   transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
 }
 
 
-.articles  a:hover {
+a:hover {
   color: var(--color-background);
   box-shadow: inset 300px 0 0 0 var(--color-text);
   text-decoration: none;
 }
 
-.articles  a {
-    color: var(--color-text);
+a {
+    color: var(--color-link);
     text-decoration: underline 2px;
     font-weight: 700;
     line-height: 1.5;
 }
 
+ 
  .date {
    margin-bottom: 0;
  }
@@ -66,13 +73,6 @@
  }
 
 
-
- .copyleft {
-   display:inline-block;
-   transform: rotate(180deg);
-   padding-bottom: -15px;
- }
-
  pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
@@ -112,17 +112,29 @@
      padding-left: 1.5vw;
  }
 
- 
-.titre {
+
+.head-article {
      text-align: center;
  }
 
 
+.text-article p {
+    padding-left: 2vw;
+    padding-right:2vw;
+}
+
+.text-article h2, h3, h4, h5 {
+    padding-left: 1vw;
+    padding-right:1vw;
+  
+}
+
+
 .index {
     text-align: left;
 }
 
- .articles img {
+.articles img {
      display: block;
      margin-left: auto;
      margin-right: auto;
@@ -140,6 +152,7 @@
  }
 
 
+
  .pagination a {
      border: 1px solid;
      border-color: $color_title;
@@ -162,8 +175,10 @@
      bottom:0px;
      width: 100%;
      text-align:center;
+     padding-bottom:1vw;
  }
 
+ 
  @media only screen and (max-width: 980px)
  {