body {
    font-family: 'Verdana', sans-serif;
    margin: 50px 25px;
    background: lightgray;
}

a {
    color: #2a99b6;
}

a:hover {
    color: #33bbdf;
}

header, footer, div.page {
    width: 760px;
    margin: 0 auto;
    background: #daeef3;
    padding: 20px 30px;
}

footer {
  background: linear-gradient(112deg, rgba(116,215,236,1) 84%, rgba(255,175,199,1) 88%, rgba(251,249,245,1) 91%, rgba(255,175,199,1) 94%, rgba(116,215,236,1) 99%);
  position: relative;
}

#secret-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 140px;
}

#secret-link:hover {
  background-color: white;
  opacity: 0.2;
  filter: blur(16px);
  -webkit-filter: blur(16px);
}
  

header h1 {
    color: #169bbd;
    margin: 0;
    font-weight: normal;
    font-size: 42px;
}

header h1 .subtitle {
  font-size: 20px;
}

header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0;
}

div.page {
    background: #f1fbfe;
}

.homepage-recent-posts .blog-post h3 {
  display: inline-block;
  margin: 5px;
}

.full-post {
  font-weight: bold;
}

.blog-post p img {
  max-width: 100%;
}

.attachments-list h3 {
    margin: 5px 0;
}

.attachments-list ul {
  margin: 5px 0;
}

.attachments-list li {
  list-style: none;
}

.attachments-list li:before {
  content: "📂";
  margin-right: 5px;
}

pre {
  background: #202020;
  padding: 2px;
}

.hll pre, pre code {
  font-family: monospace;
  color: white;
}

/* stuff like `this` */
p code {
  background: #cccccc;
  font-family: monospace;
}

.tag-list ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tag-list ul li {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
}