/* Color tweaks for readability */
body {
  color: #191D36;
}
a, a:visited {
  color: #36d;
  text-decoration: none; /* remove underlines */
}
a:hover, a:focus {
  color: #78e;
}
code {
  color: black;
  background-color: #fff4f4;
}


nav {
  font-size: large;
}

body {
  margin-left: auto;
  margin-right: auto;
}

.nowrap {
  white-space: nowrap;
}

/* Hide <h1> tags in the blog listing page, as they duplicate the post title and waste a lot of space */
.blog-listing h1 {
  display: none;
}

/* Title avatar / image */
#title-image {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  border-radius: 50%;
}

/* Fork Awesome integration */
.icons i.fa {
   color: #333;
}

/* Animations for homepage */
@keyframes colorsplash0 {
  0%, 50%, 100% {opacity: 0;}
  25% {color: dodgerblue; opacity: 1;}
  75% {color: orange; opacity: 1;}
}

@keyframes colorsplash1 {
  0%, 50%, 100% {opacity: 0;}
  25% {color: #5f8; opacity: 1;}
  75% {color: #f56; opacity: 1;}
}

#colorsplash0 {
  animation-name: colorsplash0;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

#colorsplash1 {
  animation-name: colorsplash1;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

/* Projects page */
.proj-img {
  border-width: 2px;
  border-style: solid;
  border-color: #ccd;
  border-radius: 5px;
}
img.float-left {
  margin-right: 5px;
  box-shadow: 5px 5px 5px #eee;
}
img.float-right {
  margin-left: 5px;
  box-shadow: -5px 5px 5px #eee;
}
.projectsv2 {
  padding: 0.5em;
}
.bgaccent1 {
  background-color: #f3f3f3;
}
.bgaccent2 {
  background-color: #fafafa;
}