@media all and (max-width: 600px) {
  .project-description {
    display: none;
  }

  .project-box {
     width: 100%
  }
}

@media all and (min-width: 601px) {
  .project-description {}
  .project-box {
    width: 580px;
  }
}

@media all and (min-width: 960px) {
  .head-image {
    height: 400px;
  }
}

.sidebar {
  position: sticky;
  top: 20px;
  height: min-content;
  min-width: 15rem;
}

.blog-content {
  /*max-width: 60rem;*/
}

.centered-img img {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.signup-form {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-bottom: 10px;
}

.blog-font {
  font-size: 1.1rem;
}

.blog-font-prose {
  font-size: 1.3rem;
}

pre code {
  line-height: 1.5;
  background-color: black;
}

code {
  background-color: #dadada;
  border-radius: 2px;
  padding: 1px;
}

.brave img {
  border-radius: 5px;
}

.footer a {
  padding-top: 0rem;
}

hr {
  width: 80%;
}

/* Configure mathjax to work with hugo*/
/* https://gohugo.io/content-management/formats/#mathjax-with-hugo */
.has-jax {

  background-color: transparent;
  /*color: #d11111;*/
}