/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  background-color: #bdecb6; /* Colore pastello verde chiaro */
  color: white;
  font-family: Arial, sans-serif;
}

/* Stile per il titolo della pagina */
h1 {
  font-family: "Georgia", serif;
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Cornice intorno al chapterbody */
.container {
  text-align: center;
}

.chapterbody {
  background-color: black; /* Sfondo nero all'interno della cornice */
  border: 3px solid white;
  padding: 20px;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}

/* Stile per le righe contenenti link ai capitoli */
.chapterlink {
  color: yellow;
}

/* Stile per il testo normale */
p {
  font-weight: normal;
}