Work on blog

static/blog.css

@@ -1,8 +1,7 @@
  /* kitoy <kitoy__at__kitoy.me> */
 
  :root
- {
-    
+ {    
      --color-background: #202020;
      --color-title: #fdfdfd;
       --color-text: #dddddd;
@@ -59,64 +58,64 @@ a {
 }
 
  
- .date {
-   margin-bottom: 0;
- }
+.date {
+    margin-bottom: 0;
+}
 
- .slug {
-   //margin-left: 1rem;
-   text-align: left;
-   margin-bottom: 2rem;
- }
+.slug {
+    //margin-left: 1rem;
+    text-align: left;
+    margin-bottom: 2rem;
+}
 
- .readmore {
-   text-align: right;
- }
+.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 {
-     text-align: center;
- }
+    text-align: center;
+}
 
 
 .text-article p {
@@ -124,13 +123,23 @@ a {
     padding-right:2vw;
 }
 
+.text-article pre {
+    padding-left: 2vw;
+    padding-right:2vw;
+}
+
+.text-article blockquote {
+    padding-left: 2vw;
+    padding-right:2vw;
+}
+
+
 .text-article h2, h3, h4, h5 {
     padding-left: 1vw;
     padding-right:1vw;
-  
+    
 }
 
-
 .index {
     text-align: left;
 }
@@ -141,52 +150,50 @@ a {
      margin-right: auto;
      width: 50%;
      margin-bottom: 2vw;
-
  }
 
- .articles .description {
+.articles .description {
     font-weight: 300;
     font-style: italic;
     font-size: 1.5vw;
     padding-bottom: 30px;
-    color: ;
- }
+}
 
 
 
- .pagination a {
+.pagination a {
      border: 1px solid;
      border-color: $color_title;
      padding: 3px;
      font-size: 13px;
  }
 
- .center {
-     margin: auto;
-     width: 50%;
+.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;
- }
+footer {
+    position: relative;
+    bottom:0px;
+    width: 100%;
+    text-align:center;
+    padding-bottom:1vw;
+}
 
  
- @media only screen and (max-width: 980px)
- {
-     
-     .articles .description {
+@media only screen and (max-width: 980px)
+{
+    
+    .articles .description {
 	 font-size: 4vw;
-     }
-     
+    }
+    
      .articles {
 	 margin-left: auto;
 	 position: relative;