@font-face {
 font-family: NationalPark-Regular;
 src: url("NationalPark-Regular.otf") format("opentype");
}


body {
  background-color: #739269;
  font-family: 'NationalPark-Regular', serif;
}

div.title {
  background-color: #d4ba97;
  background-image: url("../img/wood-background.png");
  border: 2px solid black;
  border-radius: 25px;
  color: white;
  width: 85%;
}

h1.title {
 font-size: 4em;
 margin-left: .75em;
 text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}

h2.subtitle {
 margin-left: 2em;
}

h3.post-listing {
 background-image: url("../img/wood-background.png");
 border: 2px solid black;
 border-radius: 5px;
 color: white;
 padding: .5em;
 text-align: center;
 width: 85%;
}

footer {
 background-image: url("../img/wood-background.png");
 border: 2px solid black;
 border-radius: 5px;
 color: white;
 padding: .5em;
 width: 90%;
}

.blog-post {
  background-color: white;
  border-radius: 2px;
  padding: .5em;
  margin: 1em;
}

.about {
  background-color: white;
  border-radius: 2px;
  margin-right: 1em;
  width: 80%;
}

.grid-two-columns {
  display: grid;
  grid-gap: .5em;
  grid-template-columns: 50% 50%;
  margin: .25em;
}

.latest {
  background-color: white;
  border-radius: 2px;
  margin-right: 1em;
  width: 80%;
}

.wrapper {
 display: grid;
 grid-template-columns: 70% 30%;
 grid-gap: 2em;
 width: 100%;
}