Esercizio CSS - Forrest Gump

Scompattare il file forrest_gump.zip in una cartella chiamata Forrest Gump. Modificare i file style.css e forrest_gump_css.html  in modo da ottenere un risultato simile a quello riportato nel file forrest_gump_css.pdf.

Alla fine compattare tutti i file in un nuovo archivio zip e consegnare il file compresso.

1. Applicare il file style.css al file forrest_gump_css.html
2. Applicare al div main una larghezza di 700px ed i margini automatici
3. Il titolo "Forrest Gump" deve essere visualizzato con il carattere Google Font denominato "Montserrat" 
4. Il contenuto di tutti i tag Hx (H1, H2, ...) devono essere in maiuscolo.
5. Le liste non devono avere nessun simbolo all’inizio di ogni elemento e non devono avere spazio a sinistra degli elementi.
6. Associare al tag body il font Arial con dimensione 14px
7. Applicare inline al tag img della locandina le proprietà css che permette al testo di scorrere a destra. Applicare inoltre un margine destro a 15px ed inferiore a 10px;
8. Creare una classe denominata "voto" con le proprietà descritte in seguito ed applicarla al tag che contiene la scritta "Voto del pubblico". 
• colore: #848484, trasformazione in maiuscolo, dimensione del font: 11px, font-weight: 700
9. Applicare le stesse proprietà della classe a tutti i tag span che si trovano nella tabella identificata dall'id "scheda". Non deve essere modificato il file HTML. 
10. Applicare la proprietà "clear:both;" alla tabella della scheda senza modificare il file HTML. 
11. Applicare la proprietà width:50% ed allineamento verticale in alto alle due celle della tabella scheda. Non deve essere modificato il file HTML.
12. Separare il contenuto delle due celle della tabella scheda di 10px senza modificare il file HTML.
13. Il testo delle critiche deve avere un margine inferiore a 0.
14. Il testo sotto le critiche (autore, giornale e data) deve essere in corsivo, con colore #a0a0a0 e margine superiore a 0
15. Applicare le seguenti proprietà ai div che contengono le sezioni Critica, Note, Soggetto. Non deve essere modificato il file HTML.
• bordo 1px di colore #a8a8a8, padding di 10px, colore di sfondo #f0f0f0, margine superiore di 10px, bordo arrotondato di raggio 6px;
16. Creare uno stile per il tag H2 del cast con le seguenti proprietà. Non deve essere modificato l' HTML.
• bordo inferiore: 2px colore #ccc, margine inferiore 10px
17. Applicare la proprietà width:20% ed allineamento verticale in alto alle celle che contengono i nomi gli attori. Non deve essere modificato il file HTML.
18. Il testo degli attori e dei personaggi deve avere una dimensione di 12px
19. Per tutti i tag A impostare il colore del link a #3b5999 e disabilitare la sottolineatura
20. I testi devono essere giustificati, tranne quelli nella scheda del cast che vanno allineati a sinistra.