update after feedback

After feedback from lecturer some of the design elements were changed.
I prefer to kept the justified text so to deal with text issues caused
by justify text I added hyphenation which involves the use of css
hyphen and also hyphenation.js to dead with chrome support.