CSS MAS CAMBIOS #2° CAMADA DE CAMBIOS

.widget {

margin: 0 1% 0em 1%;

}

.site-header {
margin: -30px auto 0em auto;

}

.header-navigation li {

padding: 0 14px 0px 14px;

}

.header-navigation a {

border: 0px solid transparent;

}

.single .site-content{
width: 70%;
}

.site-main {
margin-bottom: 0em;
}

.header-navigation {
float: left;
margin: 1em 5% 0em 5%;
}

.site-header{
min-height:00px;
}

.site-content{
width: 95%;
margin: 0em auto;
}

.single .post {

padding-bottom: 0em;
}

.comments-area {
margin: -1em auto 1.5em;
padding-top: 0em;

}

.sharedaddy {
margin-top: 0em;
padding-top: 0em;
}

.grid {

background: hsl(0, 0%, 5%);

}

.site-footer {

background: hsla(0, 0%, 11%, 1);
}

.main-navigation {

background: hsla(0, 0%, 14%, 1);
}

body {
background: hsla(0, 0%, 7%, 1);
}

.site-description, .responsive-site-description {
color: hsla(0, 39%, 29%, 1);
}

.site-title a {
color: hsla(210, 12%, 16%, 1);
text-decoration: none;
transition: all 1.1s ease;
border-bottom: 2px solid transparent;
}

.site-title a:hover, .site-title a:focus {
border-bottom: 2px solid hsla(0, 0%, 8%, 1);
text-decoration: none;
color: hsla(200, 4%, 11%, 1);
}

.header-navigation a:hover::before {
border-top-color: hsla(0, 0%, 20%, 1);
border-right-color: hsla(0, 0%, 20%, 1);

}

.header-navigation a:hover::after {
border-bottom-color: hsla(0, 0%, 20%, 1);
border-left-color: hsla(0, 0%, 20%, 1);

}

.page-title {
font-size: 2.5em;
color: hsla(211, 100%, 56%, 1);

}

.header-navigation a {
border: 0px solid transparent;
background: hsla(0, 0%, 2%, 0.42);
}

.archive .page-title {
background: hsla(0, 0%, 2%, 0.42);
}

.site-header {
margin: -45px auto 0em auto;
}

.site-description, .responsive-site-description {
color: hsla(0, 39%, 29%, 1);
background: hsla(0, 0%, 2%, 0.42);
}

.site-branding {

BACKGROUND: hsla(0, 0%, 1%, 0.19);
}

.header-navigation {

font-size: 1.02em;

}

.social-menu {

margin: 24px auto -5px auto;

}