@import url(https://fonts.googleapis.com/css?family=Inconsolata);
html {
  background:#e7e5bd
}
body {
  margin:0;
  font-family:Inconsolata,"DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
  font-size:1.2em;
  line-height:1.2em
}
article,
footer {
  display:block;
  min-width:360px;
  max-width:900px;
  width:80%
}
article {
  margin:2.5em auto 0 auto;
  border:1px solid;
  border-color:#c7c5a3 #a4a387 #a4a387 #c7c5a3;
  padding:2em;
  background:#fffdd1
}
h1 {
  margin-top:0
}
article p:first-of-type {
  margin-top:1.6em
}
article p:last-child {
  margin-bottom:0
}
footer {
  margin:0 auto 2em auto;
  text-align:center
}
footer a {
  color:#666;
  text-shadow:0 1px 1px #fffdd1;
  text-decoration:none;
  font-size:.8em;
  padding:1em
}
footer a:focus,
footer a:hover {
  color:#111
}
h1 {
  font-weight:400;
  display:inline;
  border-bottom:1px solid #000;
  padding:0 0 3px 0;
  line-height:36px
}
a {
  color:#2844fa;
  text-decoration:none
}
a:focus,
a:hover {
  color:#1b29a4
}
a:active {
  color:#000
}
:-moz-any-link:focus {
  color:#000;
  border:0
}
::-moz-selection {
  background:#ccc
}
::selection {
  background:#ccc
}
#gravatar {
  position:relative;
  float:right;
  margin-bottom:1em;
  margin-left:1em;
  border:1px solid #ddd
}
@media all and (max-width:500px) {
  article {
    padding:1em
  }
  body {
    font-size:1em
  }
}

a:link {
  color: rgb(13, 189, 13);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(68, 6, 52);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(29, 68, 6);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(182, 228, 178);
  background-color: transparent;
  text-decoration: underline;
}