@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

.logo-container {
    text-align: center;
    width: 100%;
}

h1.logo {
  font-family: 'Lobster', cursive;
  color: #330502;
  /* margin-left: 20px; */
  font-size: 2.8em;
  text-shadow: 3px 3px #FBFAF2;
  background-color: #E8E3D7;
  display: initial;
  padding: 10px 30px;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgba(51, 5, 2, 0.3);
}

main.content h2,
main.content h3,
main.content h4 {
  font-family: 'Roboto Slab', serif;
  color: #330502;
}

main.content p {
  font-family: 'Open Sans', sans-serif;
  color: #330502;
}