diff --git a/static/blog-blanc&noir.css b/static/blog-blanc&noir.css
index 93423b8..273b37c 100644
--- a/static/blog-blanc&noir.css
+++ b/static/blog-blanc&noir.css
@@ -1,46 +1,46 @@
  /* kitoy <kitoy__at__kitoy.me> */
 
- :root
- {
-     --color-background: #fefefe;
-     --color-title: #010101;
-     --color-text: #0f0f0f;
-     --color-link: #010101;
-     --font-emoji : "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+:root
+{
+    --color-background: #fefefe;
+    --color-title: #010101;
+    --color-text: #0f0f0f;
+    --color-link: #010101;
+    --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;
- }
- 
- html{
-   height: 100%;
-   width: 80%;
-   margin-left: 10%;
+}
 
- }
+html{
+    height: 100%;
+    width: 80%;
+    margin-left: 10%;
+    
+}
 
 
- body {
+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);
+}
 
- h1, h2, h3, h4, h5{
-     color: var(--color-title);
- }
- 
- hr {
-     color: var(--color-text);
- }
- 
- * {-moz-box-sizing: border-box; box-sizing: border-box;}
+hr {
+    color: var(--color-text);
+}
+
+* {-moz-box-sizing: border-box; box-sizing: border-box;}
 
 a {
-  box-shadow: inset 0 0 0 0 var(--color-text);
-  color: --color-link;
-  padding: 0 .25rem;
-  margin: 0 -.25rem;
-  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+    box-shadow: inset 0 0 0 0 var(--color-text);
+    color: --color-link;
+    padding: 0 .25rem;
+    margin: 0 -.25rem;
+    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
 }
 
 
@@ -57,60 +57,60 @@ a {
     line-height: 1.5;
 }
 
- 
- .date {
-   margin-bottom: 0;
- }
 
- .slug {
-   //margin-left: 1rem;
-   text-align: left;
-   margin-bottom: 2rem;
- }
+.date {
+    margin-bottom: 0;
+}
 
- .readmore {
-   text-align: right;
- }
+.slug {
+    //margin-left: 1rem;
+    text-align: left;
+    margin-bottom: 2rem;
+}
+
+.readmore {
+    text-align: right;
+}
 
 
- pre {
-  white-space: pre-wrap;       /* css-3 */
-  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
-  white-space: -pre-wrap;      /* Opera 4-6 */
-  white-space: -o-pre-wrap;    /* Opera 7 */
-  word-wrap: break-word;       /* Internet Explorer 5.5+ */
- }
+pre {
+    white-space: pre-wrap;       /* css-3 */
+    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+    white-space: -pre-wrap;      /* Opera 4-6 */
+    white-space: -o-pre-wrap;    /* Opera 7 */
+    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
 
 
- ul {
-     list-style-type: none;
-     margin: 0;
-     padding: 0;
- }
- 
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
 
- .articles {
-     max-width: 80%;
-     margin-left: auto;
-     margin-right: auto;
-     margin-top: 5rem;
-     margin-bottom: 3rem;
-     padding:0.5em;
-     border: 7px double;
-     border-color: var(--text-color);
-     border-radius: 10px 10px 10px 10px;
-     line-height: 1.5;
-     letter-spacing: 0.1vw;
-     text-align: justify;
- }
 
- .articles ul {
-     list-style-type: disc;
-     margin: 5vw;
-     padding-top: 1vw;
-     padding-bottom: 1vw;
-     padding-left: 1.5vw;
- }
+.articles {
+    max-width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 5rem;
+    margin-bottom: 3rem;
+    padding:0.5em;
+    border: 7px double;
+    border-color: var(--text-color);
+    border-radius: 10px 10px 10px 10px;
+    line-height: 1.5;
+    letter-spacing: 0.1vw;
+    text-align: justify;
+}
+
+.articles ul {
+    list-style-type: disc;
+    margin: 5vw;
+    padding-top: 1vw;
+    padding-bottom: 1vw;
+    padding-left: 1.5vw;
+}
 
 
 .head-article {
@@ -143,94 +143,95 @@ a {
 
  }
 
- .articles .description {
+.articles .description {
     font-weight: 300;
     font-style: italic;
     font-size: 1.5vw;
     padding-bottom: 30px;
     color: ;
- }
+}
 
 
 
- .pagination a {
-     border: 1px solid;
-     border-color: $color_title;
-     padding: 3px;
-     font-size: 13px;
- }
+.pagination a {
+    border: 1px solid;
+    border-color: $color_title;
+    padding: 3px;
+    font-size: 13px;
+}
 
- .center {
-     margin: auto;
-     width: 50%;
-     padding: 10px;
- }
+.center {
+    margin: auto;
+    width: 50%;
+    padding: 10px;
+}
 
- .contact{
-     text-align:center;
- }
+.contact{
+    text-align:center;
+}
 
- footer {
-     position: relative;
-     bottom:0px;
-     width: 100%;
-     text-align:center;
-     padding-bottom:1vw;
- }
-
- 
- @media only screen and (max-width: 980px)
- {
-     
-     .articles .description {
-	 font-size: 4vw;
-     }
-     
-     .articles {
-	 margin-left: auto;
-	 position: relative;
-	 font-size: 3.5vw;
-	 
-     }
-     
-     footer {
-	 font-size: 3vw;
-     }
-     
-     .articles img {
-	 display: block;
-	 margin-left: auto;
-	 margin-right: auto;
-	 width: 80%;
-     }
+footer {
+    position: relative;
+    bottom:0px;
+    width: 100%;
+    text-align:center;
+    padding-bottom:1vw;
+}
 
 
-     
- }
+@media only screen and (max-width: 980px)
+{
+    
+    .articles .description {
+	font-size: 4vw;
+    }
+    
+    .articles {
+	max-width: 100%;
+	margin-left: auto;
+	position: relative;
+	font-size: 3.5vw;
+	
+    }
+    
+    footer {
+	font-size: 3vw;
+    }
+    
+    .articles img {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	width: 80%;
+    }
+
+
+    
+}
 
 
 
- @media only screen and (max-width: 980px){
+@media only screen and (max-width: 980px){
 
-      html{
-	  height: 100%;
-	  width: 100%;
-	  margin: 0;
-      }
- }
+    html{
+	height: 100%;
+	width: 100%;
+	margin: 0;
+    }
+}
 
-  @media only screen and (max-width: 768px)
-  { 
-      .h1 {
-	  font-size: 5vw;
-      }
-           
-      .icons img {
-	  width: 7vw;
-	  height: 7vw;
-	  margin: 20px;
-	  display:inline-block;
-	  align-items:center;
-      }
+@media only screen and (max-width: 768px)
+{ 
+    .h1 {
+	font-size: 5vw;
+    }
+    
+    .icons img {
+	width: 7vw;
+	height: 7vw;
+	margin: 20px;
+	display:inline-block;
+	align-items:center;
+    }
 
-  }
+}
diff --git a/static/blog-noir&blanc.css b/static/blog-noir&blanc.css
index 05727b9..efe42c4 100644
--- a/static/blog-noir&blanc.css
+++ b/static/blog-noir&blanc.css
@@ -187,6 +187,7 @@ a {
      }
      
      .articles {
+	 max-width: 100%;
 	 margin-left: auto;
 	 position: relative;
 	 font-size: 3.5vw;
diff --git a/static/blog-orange&noir.css b/static/blog-orange&noir.css
index aa7269f..23c6e3d 100644
--- a/static/blog-orange&noir.css
+++ b/static/blog-orange&noir.css
@@ -11,20 +11,19 @@
  }
  
  html{
-   height: 100%;
-   width: 80%;
-   margin-left: 10%;
-
+     height: 100%;
+     width: 80%;
+     margin-left: 10%;
  }
 
 
  body {
-    color: var(--color-text);
-    background-color:  var(--color-background);
-    font-family: var(--font-basic);
-    font-weight: 400;
+     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);
  }
@@ -33,52 +32,54 @@
      color: var(--color-text);
  }
  
- * {-moz-box-sizing: border-box; box-sizing: border-box;}
+ * {
+     -moz-box-sizing: border-box; box-sizing: border-box;
+   }
+ 
+ a {
+     box-shadow: inset 0 0 0 0 var(--color-text);
+     color: --color-link;
+     padding: 0 .25rem;
+     margin: 0 -.25rem;
+     transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+ }
+ 
 
-a {
-  box-shadow: inset 0 0 0 0 var(--color-text);
-  color: --color-link;
-  padding: 0 .25rem;
-  margin: 0 -.25rem;
-  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
-}
+ a:hover {
+     color: var(--color-background);
+     box-shadow: inset 300px 0 0 0 var(--color-text);
+     text-decoration: none;
+ }
 
-
-a:hover {
-  color: var(--color-background);
-  box-shadow: inset 300px 0 0 0 var(--color-text);
-  text-decoration: none;
-}
-
-a {
-    color: var(--color-link);
-    text-decoration: underline 2px;
-    font-weight: 700;
-    line-height: 1.5;
-}
+ a {
+     color: var(--color-link);
+     text-decoration: underline 2px;
+     font-weight: 700;
+     line-height: 1.5;
+ }
 
  
  .date {
-   margin-bottom: 0;
+     margin-bottom: 0;
  }
 
  .slug {
-   //margin-left: 1rem;
-   text-align: left;
-   margin-bottom: 2rem;
+     //margin-left: 1rem;
+     text-align: left;
+     margin-bottom: 2rem;
  }
 
  .readmore {
-   text-align: right;
+     text-align: right;
  }
 
 
  pre {
-  white-space: pre-wrap;       /* css-3 */
-  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
-  white-space: -pre-wrap;      /* Opera 4-6 */
-  white-space: -o-pre-wrap;    /* Opera 7 */
-  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+     white-space: pre-wrap;       /* css-3 */
+     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+     white-space: -pre-wrap;      /* Opera 4-6 */
+     white-space: -o-pre-wrap;    /* Opera 7 */
+     word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }
 
 
@@ -113,28 +114,28 @@ a {
  }
 
 
-.head-article {
+ .head-article {
      text-align: center;
  }
 
 
-.text-article p {
-    padding-left: 2vw;
-    padding-right:2vw;
-}
+ .text-article p {
+     padding-left: 2vw;
+     padding-right:2vw;
+ }
 
-.text-article h2, h3, h4, h5 {
-    padding-left: 1vw;
-    padding-right:1vw;
-  
-}
+ .text-article h2, h3, h4, h5 {
+     padding-left: 1vw;
+     padding-right:1vw;
+     
+ }
 
 
-.index {
-    text-align: left;
-}
+ .index {
+     text-align: left;
+ }
 
-.articles img {
+ .articles img {
      display: block;
      margin-left: auto;
      margin-right: auto;
@@ -144,11 +145,11 @@ a {
  }
 
  .articles .description {
-    font-weight: 300;
-    font-style: italic;
-    font-size: 1.5vw;
-    padding-bottom: 30px;
-    color: ;
+     font-weight: 300;
+     font-style: italic;
+     font-size: 1.5vw;
+     padding-bottom: 30px;
+     color: ;
  }
 
 
@@ -187,7 +188,8 @@ a {
      }
      
      .articles {
-	 margin-left: 0;
+	 max-width: 100%;
+	 margin-left: auto;
 	 position: relative;
 	 font-size: 3.5vw;
 	 
@@ -211,26 +213,26 @@ a {
 
 
  @media only screen and (max-width: 980px){
-
-      html{
-	  height: 100%;
-	  width: 100%;
-	  margin: 0;
-      }
+     html
+     {
+	 height: 100%;
+	 width: 100%;
+	 margin: 0;
+     }
  }
+ 
+ @media only screen and (max-width: 768px)
+ { 
+     .h1 {
+	 font-size: 5vw;
+     }
+     
+     .icons img {
+	 width: 7vw;
+	 height: 7vw;
+	 margin: 20px;
+	 display:inline-block;
+	 align-items:center;
+     }
 
-  @media only screen and (max-width: 768px)
-  { 
-      .h1 {
-	  font-size: 5vw;
-      }
-           
-      .icons img {
-	  width: 7vw;
-	  height: 7vw;
-	  margin: 20px;
-	  display:inline-block;
-	  align-items:center;
-      }
-
-  }
+ }
diff --git a/static/blog-orangina.css b/static/blog-orangina.css
index 2fbae18..bfe2e10 100644
--- a/static/blog-orangina.css
+++ b/static/blog-orangina.css
@@ -187,6 +187,7 @@ a {
      }
      
      .articles {
+	 max-width: 100%;
 	 margin-left: auto;
 	 position: relative;
 	 font-size: 3.5vw;