/* QUESTO E IL CSS SU CUI LAVORI TU.
   La grafica del kit è già pronta in assets/grafica.css.
   Non serve aprire o studiare quel file.

   HTML = contenuti. CSS = aspetto.
   .titolo sceglie gli elementi con class="titolo".
   Ogni istruzione termina con un punto e virgola.

   OGGI USIAMO SOLO QUESTE CINQUE PROPRIETA:
   background-color = colore dello sfondo
   color = colore del testo
   font-family = tipo di carattere
   font-size = dimensione del testo
   text-align = allineamento del testo */

.pagina {
  background-color: honeydew;
  color: darkslategray;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 18px;
}

/* MISSIONE 2: prova saddlebrown al posto di darkgreen.
   Silkscreen è il carattere pixel già incluso nel kit. */
.titolo {
  font-family: Silkscreen, sans-serif;
  font-size: 40px;
  color: darkgreen;
  text-align: center;
}

/* MISSIONE 3: prova 22px al posto di 18px. */
.descrizione {
  font-size: 18px;
}

/* La stessa classe è assegnata ai due materiali. */
.blocco {
  background-color: gainsboro;
  color: darkslategray;
}

.nome-blocco {
  font-size: 22px;
  color: saddlebrown;
}

.conclusione {
  color: white;
  font-size: 14px;
}

/* EXTRA FACOLTATIVI:
   Missione 6: aggiungi border e padding dentro .blocco.
   Missione 7: scrivi qui sotto la nuova regola .raro.
   Le due proprietà nuove sono spiegate nella guida. */