derpac Custom CSS

I think it best to store the custom CSS for this blog here

article {
    border-bottom: 2px solid #bdb5ae;
    border-top: 2px solid #bdb5ae;
}


html {
    border-top: 12px solid #2E3440;
    border-bottom: 12px solid #2E3440;
    }

body {
  background-color: #e8ded5;
  font-family: monospace;
}
#blog-title a {
    font-size: 1.5rem;
    color: #c4662f;
    background-color: #e8ded5;
    }
    
    #blog-title a:hover {
    font-size: 1.5rem;
    color: #c4662f;
    background-color: #2E3440;
    }
    
.description {
    font-style: italic;
    }
    
header p.description {
    line-height: 100%;
    color: #4c566a;
    }
    
header nav a {
    color: #262320;
    font-style: normal;
    display: inline-table;
    }
    
    /* Pinned posts hover decoration */
    header nav a:hover {
    color: #262320;
    background-color: #c9bfb5;
    text-decoration: none;
    }
    
    .post-title {
    color: #2E3440;
    font-weight: lighter;
    }
    
    .post-title a.u-url:link, .post-title a.u-url:visited {
    color: #2E3440;
    }
    
    /* Post titles on blog index hover decoration */
    .post-title :hover {
    color: #2E3440;
    background-color: #b8a99a;
    text-decoration: none;
    }
    
    /* "Read more..." links */
    #collection .read-more {
    text-decoration: none;
    color: #ad2b07;
    }
    
     .read-more::before {  content: '» ';}
     
    article p a {
    color: #ad2b07;
    text-decoration: none;
    }
    
 
    
    article p a:hover {
    background-color: #b8a99a;
    color: #ad2b07;
    text-decoration: none;
    }
    
    
    
    
        img {
    display: inline-block;
    margin: 0 auto;
    }
    
    /* Hide post views */
    header nav .views {
    display: none;
    }
    
    #paging a {
    color: #2E3440 ;
    }
    
    #paging a:hover {
    color: #2E3440;
    background-color: #88C0D0;
    text-decoration: none;
    }
    
    body footer nav {
    color: #ad2b07;
    }