body{
  background: linear-gradient(35deg, #417953, 90%, #14311e);

  color: #FFF9E4;
}

h1, h2{
  font-family: 'PT Serif', serif;
  text-transform: uppercase;
}

.category{
  margin: 20px;
}
.heading{
  text-align: center;
}
h1{
  font-size: 4rem;
  letter-spacing: 6px;
  background: linear-gradient(to right, #dcdfba, 70%, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

a{
  font-style:italic;
  font-weight: 900;
  text-decoration: underline;
  color: black;
  font-size: 28;
}

h2{
  font-size: 2.25rem;
  letter-spacing: 2.5px;
  font-weight:900;
  background: linear-gradient(to right,#fb64f9,50%, #69c6eb, #96ffd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
h3{
  background: linear-gradient(to right, #dcdfba, 70%, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


li{
  font-family: 'Open Sans', sans-serif;
  margin: 5px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  /* text-align: center; */

}

.last{
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.about{
  text-align: center;
}

div.nav-container{
  text-align: center;
}

div.nav{
  font-size: 36px;
  display: inline;
  color: black;
  font-weight:900;
}

span.about{
  margin-left: -20px;
}
a.writing{
  margin-left: 20px;
}

svg.twitter{
  padding-top: 20px;
  margin: 0px 10px;
}