body {
  color: #C825B6;
  background-color: #FFF2C8;
  min-width: 680px;
  width: 42em;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

.content {
  padding: 0em 0.5em;
}

p, li {
  color: #440844;
}

li {
  padding-bottom: 0.75em;
}

img {
  max-width: 100%;
}

.navigation {
  font-size: large;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  background-color: #DDD2A8;
  padding: 0.8em;
}

.navigation a {
  background-color: #FAC5F9;
  padding: 0.5em;
  justify-content: center;
  display: flex;
  border-style: outset;
  border-color: #F6A6F5;
  margin: 0.1em 1.2em;
}

.navigation a:hover {
  background-color: #FFE5FF;
}

.navigation a:active {
  background-color: #DAA5DD;
  border-style: inset;
}