.middle {

 position: absolute;
  color: #fafafa;
  z-index: 100;
  text-align: center;
  font-family: palatino;
  font-size: 1.9em;
  width: 100%;

  top: 25%;
  transform: translate(%, -25%);
}

.middle h1 {
    margin: 0%;
}

a {
color: grey;

}

@media screen and (max-width: 600px) {

    .middle { 

        left: 50%;
        left: 0%;
        top: 25%;
        transform: translate(0%, -25%);
        font-size: 1.2em;
    }

    .middle h1 {
        font-size: 2.6em;
    }
}

h2 {
    font-size: 1.3em;
}

.blog {
    max-width: 800px;
}

ul {
    list-style-type: square;
}

code {
    font-family: monospace;
    white-space: pre-wrap;
}