body {
  color: #222;
  font-family: Georgia;
  font-size: 1.2em;
  line-height: 1.5;
  max-width: 960px;
  display: block;
  margin: 0 auto;
}

header h1 {
    font-family: "Ubuntu mono", "Monospace", "Consolas", "Lucida Console";
    font-size: 2.4em;
}

h1, h2, h3, h4, h5, h6,
nav {
    font-family: sans-serif;
}

header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

footer {
  border-top: 4px solid #efefef;
  margin-top: 1em;
}

hr {
    border-top: 4px solid #efefef;
}

a {
  color: #00e;
  text-decoration: none;
}

.post-card {
    padding: 1.5em;
    margin: 0 0 2em;
    border-radius: 1em;
    box-shadow: 1px 1px 12px #ddd;
    position: relative;
}
.post-card:hover {
    box-shadow: 1px 1px 12px #aaa;
}
.post-card {
    transition: box-shadow 0.5s;
}
.post-card a,
.post-card a:visited,
.post-card a:link,
.post-card a:active {
    color: black;
}
img {
    max-width: 100%;
}

.post-img-list {
    width: 100%;
    max-height: 320px;
    display: block;
    clear: both;
    object-fit: cover;
}
.post-img-full {
    width: 100%;
    display: block;
    clear: both;
}

pre {
    padding: 1em;
    background: #eee!important;
    overflow-x: auto;
    /* border-left: 4px solid #E8E8C7; */
    /* border-radius: 1em; */
    box-shadow: 4px 4px 0 #ddd;
}
pre:hover {
    background: #E3EDDA!important;
    box-shadow: 4px 4px 0 #cdb;
}
p code,
li > code {
    padding: .1em .2em;
    margin: 0;
    background: #eee!important;
    box-shadow: 2px 2px 0 #ccc;
    /* position: relative; */
}
li > code:hover,
li > code:active,
p code:hover,
p code:active {
    background: #E3EDDA!important;
    box-shadow: 2px 2px 0 #bca;
    /* top: -1px; */
    /* left: -1px; */
}
p code,
li > code,
pre {
    transition-property: box-shadow, background;
    transition-duration: .5s;
}

main blockquote {
    display: block;
    padding: 1em 2em;
    margin: 0;
    background: #eee!important;
    border-left: 8px solid #ddd;
    font-style: italic;
    border-radius: 1em;
}


h1 {
    letter-spacing: -.07em;
    margin: 0 0;
    color: #360;
    font-weight: 900;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:active {
    color: #360;
}

nav ul {
    padding: 0;
    margin: 0 1em 1em 0;
}

nav li {
    display: inline;
    padding: 0;
}

nav li a {
    display: inline-block;
    margin: .2em .2em;
    padding: .2em 1em;
    background: #360;
    color: white;
    border-radius: 1em;
}
nav li a:hover {
    background: #9c6;
}
nav li a {
    transition: background 0.5s;
}
ul.tags {
    margin: 1em 0;
    padding: 1em 0;
    border-top: 4px solid #efefef;
}
.tags li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.tags li a {
    font-family: arial, sans-serif;
    display: block;
    background: #cdb;
    border: none;
    border-radius: 1em;
    padding: .2em 1em 0 1em;
    margin: .4em .4em .4em 0;
}
.tags li a:hover {
    background: #9c6;
}

main a,
main a:link,
main a:active,
main a:visited {
    color: black;
    border-bottom: 4px solid #cdb;
}
main a:hover {
    background: #cdb;
    /* border-bottom: 4px solid rgba(153, 204, 102, 0.3); */
}
main a {
    transition: background 1s;
}

main .post-card a,
main .post-card a:link,
main .post-card a:active,
main .post-card a:visited,
main .post-card a:hover {
    border: none;
    padding: 0;
    background: none;
}
header {
    border: none;
}

.align_right {
    max-width: 37%;
    float: right;
    padding: 0 0 1em 1em;
}