Nel CSS non vedo nessuna formattazione per la classe
.data
mentre vedo la formattazione per l'id
#data
che e` il <div> contenitore del tuo



Ritengo una pessima cosa attribuire due nomi uguali (alla classe e all'id): dal punto di vista HTML e CSS non ci sono impedimenti sintattici, ma se usi JS potrebbero nascere conflitti e sicuramente ti crea confusione ulteriore (non credo ne abbia bisogno).

Inoltre ci sono degli erorri di sintassi:
ad esempio vedo un

dove invece ci dovrebbe essere un </p>

A questo punto direi che prima di fare altri passi dovresti passare dai validatori (validatore HTML e validatore CSS) e correggere le cose che ti vengono segnalate.