body {
  text-align: justify;
  margin: 0px 0px 0px 0px;
  font-family: "Crimson Text", serif;
  font-size: 1.2em;
  /*the following background only applies at the end of the page, after the final div*/
  background: rgb(255,224,224);
  background: linear-gradient(180deg, rgba(255,224,224,1) 9%, rgba(220,168,255,1) 96%);
  /* text-shadow: 2px 2px 5px #ece6f5; */
}

a {
  color: black;
  text-decoration: none;
  text-shadow: 1px 1px 5px #ede3ff;
}

a:hover {
    color: #a8a1b3;
}


.title {
  /* font-family: */
  background: rgb(255,242,251);
  background: linear-gradient(180deg, rgba(255,242,251,1) 12%, rgba(214,227,255,1) 99%);
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 1%;
  padding-bottom: 1%;
  margin: 0px 0px 0px 0px;
}

.section-title{
  /* font-size: */
}

.bio{
  /* font-size: */
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  background: rgb(214,227,255);
  background: linear-gradient(180deg, rgba(214,227,255,1) 7%, rgba(204,255,221,1) 95%);
}

.writings{
  /* font-size: */
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  background: rgb(204,255,221);
  background: linear-gradient(180deg, rgba(204,255,221,1) 6%, rgba(247,255,183,1) 82%);
}

.work-list{
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  margin: 0px, 0px, 0px, 0px;
  background: rgb(247,255,183);
  background: linear-gradient(180deg, rgba(247,255,183,1) 0%, rgba(255,224,224,1) 82%);
}

.end-links{
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
}

.agenda-date{
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 5%;
  padding-right: 0%;
}

.agenda-description{
  padding-right: 5%;
}

.content-agenda{
  background: rgb(247,255,183);
  background: linear-gradient(180deg, rgba(247,255,183,1), rgba(255,143,179,1), rgba(171,190,255,1));
}

.agenda-table{
  width: 100%;
}

@media (max-width: 576px){
  .title {
    padding-left: 4%;
    padding-right: 4%;
  }
  .bio{
    padding-left: 4%;
    padding-right: 4%;
  }
  .writings{
    padding-left: 4%;
    padding-right: 4%;
  }
  .work-list{
    padding-left: 4%;
    padding-right: 4%;
  }
  .end-links{
    padding-left: 4%;
    padding-right: 4%;
  }

  .content-agenda{
    padding-left: 4%;
    padding-right: 4%;
  }
}