/*  __                       __          __                         ___
 /\ \  __                 /\ \      __/\ \__                     /\_ \    __
 \_\ \/\_\  _____     ____\ \ \___ /\_\ \ ,_\        ___     ___ \//\ \  /\_\    ___      __
 /'_` \/\ \/\ '__`\  /',__\ \  _ `\/\ \ \ \/       / __`\ /' _ `\ \ \ \ \/\ \ /' _ `\  /'__`\
/\ \L\ \ \ \ \ \L\ \/\__, `\ \ \ \ \ \ \ \ \_     /\ \L\ \/\ \/\ \ \_\ \_\ \ \/\ \/\ \/\  __/
\ \___,_\ \_\ \ ,__/\/\____/ \ \_\ \_\ \_\ \__\    \ \____/\ \_\ \_\/\____\ \_\ \_\ \_\ \____\
 \/__,_ /\/_/\ \ \/  \/___/   \/_/\/_/\/_/\/__/     \/___/  \/_/\/_/\/____/ \/_/\/_/\/_/\/____/
              \ \_\
               \/_/
*/
/* Show it is fixed to the top */
body {
  min-height: 75rem;
  padding-top: 7rem;
  font-family: "Inconsolata", Menlo, Courier New, Courier, Mono, monospace; }

a {
  color: #blue; }

a:hover {
  color: #800080; }

/* Typography *************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: #000000; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #000000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #FF0000; }

h1 {
  letter-spacing: -1px; }

.display-3 {
  color: #FF0000;
  font-weight: bold; }

article {
  margin-bottom: 18px; }

article h1, article h2 {
  color: #FF0000; }

article h2 {
  font-size: 3rem; }

.post-info {
  margin-bottom: 1.5rem; }

.lead {
  font-family: 'Lato', sans-serif;
  color: #FF0000; }

.tags {
  color: grey; }

.tags span {
  font-weight: bold;
  color: #000000; }

/* Nav *************************************/
body.index .index,
body.about .about,
body.links .links,
body.authors .authors {
  color: #ffffff !important; }

.navbar-custom {
  background-color: #FF0000; }

.computerdotgif {
  padding: .5rem 1rem .5rem .5rem; }

.navbar-brand span:hover {
  color: rgba(255, 255, 255, 0.8); }

.nav-link {
  color: blue;
  border: 1px #000000 sold; }

.nav-link:hover {
  color: #ffffff !important; }

/* Misc Formatting *************************************/
.jumbotron {
  background-color: blue; }

.jumbotron .lead {
  color: white; }

.jumbotron h1 {
  color: white; }

blockquote {
  border-left: #FF0000 5px solid; }

blockquote p {
  padding: 1rem 1rem 1rem 2rem;
  font-family: 'Lato', sans-serif; }

article {
  padding-bottom: 3rem; }

article caption {
  float: left; }

.blog-caption {
  margin-top: 1rem; }

.blog-post-meta {
  color: grey; }

.tags a {
  background-color: gold;
  padding: .3rem; }

header.author-header {
  margin-bottom: 3rem; }

.author-header img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px gray; }

.author-header hr {
  background-color: #FF0000;
  width: 10%;
  height: 5px;
  margin-left: 0; }

.author-bio {
  padding-bottom: 3rem; }

.author-bio img {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px gray;
  margin: 1rem 0 1rem 0; }

.read-more img {
  height: 10rem;
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover; }

.read-more .card {
  border-radius: 0;
  border: none; }

.read-more .card-body {
  padding: 20px 0 0 0; }

.sidebar,
.sidebar h4 {
  color: #666666; }

.skull {
  margin: 0 1rem 1rem 0; }

.hamsick {
  margin: 0 2rem 2rem 0; }

.blog-footer {
  padding: 2.5rem 0;
  border-top: .05rem solid grey; }

.blog-footer p:last-child {
  margin-bottom: 0; }

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  h1 {
    font-size: 2rem; } }