@import url(knacss.css);

/**
  Initialisation
 */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #212121;
    background-image: url("../images/random-grey-variations.png");
    color: #eee;
}

#mainheader,
#mainfooter {
    background-color: #050505;
    color: #bababa;
}

a,
a:visited {
    text-decoration: underline dotted;
    color: #ffad00;
}

a:hover,
a:active {
    text-decoration: underline dotted;
    color: #ff6900;
}

/**
    Aside part
 */
aside ul {
    list-style: none;
    padding-left: 0;
}

aside ul li {
    border-left: 5px solid #363636;
    padding-left: 5px;
}

span.tag {
    border-radius: 1rem;
    background: #292929;
    border: 1px solid #666e78;
}

#maincontent {
    border-radius: 1rem;
    box-shadow: 0 0 1rem #0d0d0d;
    background-color: #292929;
    color: #ddd;
}

/**
  Article part
 */

.entry h1,
.entry h2,
.entry h3 {
    color: #f5b96a;
}

.entry footer {
    border-bottom: 1px solid #444;
}

.entry blockquote {
    background-color: #212121;
    box-shadow: 0 0 1.5rem #111 inset;
    border-radius: 1.5rem;
    padding: 1rem 1rem 1rem 4.5rem;
    margin: 1rem 4rem;
}

.entry blockquote::before {
    color: #aaa;
}

.entry .highlight {
    box-shadow: 0 0 1.5rem #111 inset;
    border-radius: 1.5rem;
    padding: 1rem;
    margin: 1rem 4rem;
    > pre code {
        margin: 0;
    }
}

.entry footer {
    font-size: small;
    color: #bababa;
}

/**
    Footer part
 */
#mainfooter {
    margin-top: auto;
}

.categories,
.tags,
.blogroll {
    border-right: 1px solid #363636;
}

ul.footlink {
    list-style: none;
    padding-left: 0;
}

ul.footlink li {
    border-left: 5px solid #363636;
    padding-left: 5px;
}

#about {
    font-style: italic;
    font-size: small;
    padding-bottom: 2rem;
}