BODY {
  background: #fffeee;
  color: #629b96;
  font-family: lucida, sans-serif;
}
H1,H2,H3 {
  colour: #528b98;
}
H1 {
  text-align: center;
  font-size: 200%;
}
/* P:first-letter {
  font-size: 200%;
} */
DIV#navbar {
  background: #ffffdf;
  position: fixed;
  top: 0;
  bottom: 93%;
  left: 0;
  right: 0;
  z-index: 10;
  padding-left: 1%;
  padding-right: 1%;
}
DIV#navbar P:first-letter {
  font-size: 100%;
}
DIV#main {
  position: absolute;
  top: 7%;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 1%;
  padding-right: 1%;
}
DIV.review, DIV.recipe {
  width: 76%;
  margin: 1em 10%;
  padding: 1em;
  background: #ffffdf;
  border-style: solid;
  border-color: #327bb8;
}
DIV.review H2, DIV.recipe H2 {
  text-align: center;
  font-size: 150%;
}
DIV.review P:first-letter, DIV.recipe P:first-letter {
  font-size: 100%;
}
DIV.review P, DIV.recipe P {
  text-indent: 2em;
}
DIV.recipe H3,H4 {
  text-decoration: underline;
}
DIV.recipe H3 {
  font-size: 125%;
}
DIV.figure {
    display: flex;
    justify-content: center;
}
img {
    width: 600px;
}
img.img-right {
  float: right;
}