diff --git a/electronic.png b/electronic.png
index 9d00761..718b691 100644
Binary files a/electronic.png and b/electronic.png differ
diff --git a/styles.css b/styles.css
index b89c648..98c75c0 100644
--- a/styles.css
+++ b/styles.css
@@ -87,10 +87,10 @@ aside {
 header {
   background:               #e0f0ff; /* old IE fallback */
 
-  background-attachment:    fixed, scroll;
+  background-attachment:    fixed;
   background-image:         url(../templates/electronic.png);
   background-position:      0 0;
-  background-repeat:        repeat;
+  background-repeat:        cover;
   background-size:          auto;
 }
 
@@ -113,12 +113,13 @@ header {
 
 #chalec_site-logo a {
    background-color:        unset;
+   place-content:           baseline center;
 }
 
 #chalec_site-titles {
    display:                 flex;
    flex-direction:          column;
-   align-items:             start;
+   align-items:              center;
    place-content:           baseline center;
    padding:                 20px
 }
@@ -132,12 +133,13 @@ header {
 #chalec_site-name a {
    color:                   var(--chalec_yellow);
    font-weight:             bold;
-   font-size:               240%;
-   vertical-align:          middle;
+   font-size:               300%;
 }
 
 #chalec_site-name a:hover {
-   font-size:               280%;
+   color:                   var(--chalec_yellow);
+   font-weight:             bold;
+   font-size:               300%;
    background-color:        unset;
 }
 
@@ -201,24 +203,33 @@ div#chalec_infos {
 */
 
 .chalec_latest-posts {
-   color:                        var(--chalec_yellow);
+   color:                        var(--chalec_blue);
    font-style:                   italic;
 }
 
 .chalec_list-post-title {
    display:                      block;
    padding:                      15px;
-   background-color:             var(--chalec_yellow);
+   background-color:             var(--chalec_blue);
    color:                        var(--chalec_white);
    font-weight:                  bold;
    padding:                      10px;
    margin:                       10px 0px 0px 0px;
 }
 
+.chalec_list-post-title a{
+   color:                        var(--chalec_white);
+}
+
+.chalec_list-post-title a:hover{
+   color:                        var(--chalec_blue);
+   background-color:             var(--chalec_white);
+}
+
 .chalec_list-post-metas {
    display:                      block;
    padding:                      15px;
-   background-color:             #FDF1B8;
+   background-color:             #e0f0ff;
    color:                        var(--chalec_red);;
    font-size:                    80%;
    padding:                      10px;
@@ -241,16 +252,20 @@ div#chalec_infos {
  * Sticky Author Date
 */
 #chalec_metas {
-  display:             block;
-  background-color:         var(--chalec_yellow);
-  position: relative;
-  text-align: left;
-  float: right;
-  top: -10px;
-  right: 10px;
-  padding: 5px;
-  font-size: 82%;
+  display:                  block;
+  background-color:         var(--chalec_blue);
+  color:                    var(--chalec_white);
+  position:                 relative;
+  text-align:               left;
+  float:                    right;
+  top:                      -10px;
+  right:                    10px;
+  padding:                  5px;
+  font-size:                82%;
+}
 
+#chalec_metas strong{
+  color:                    var(--chalec_white);
 }
 
 /*
@@ -528,7 +543,7 @@ h1,h2,h3,h4,h5,h6 {
    LITTLE SCREENS
 ========================================================================
 */
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 900px) {
 
    section#chalec_page-wrapper {
     display:                block;
@@ -559,7 +574,7 @@ h1,h2,h3,h4,h5,h6 {
    #chalec_footer .chalec_paragraph{
       margin-bottom: 30px;
       font-size: 80%;
-      border:                       2px solid var(--chalec_blue);
+      border:                       2px solid var(--chalec_yellow);
       border-top : unset;
       border-left: unset;
       border-right: unset;
@@ -591,14 +606,8 @@ h1,h2,h3,h4,h5,h6 {
       height:                  35%;
    }
    
-   #chalec_site-titles {
-      all: unset;
-   }
-   
-   
    #chalec_site-name a {
       margin-top: -30px;
-      margin-bottom: -20px;
       position: relative;
       float: left;
       font-size: 3rem;