URGENT - use HTML and CSS for that

Your screen should be designed in a responsive fashion, with the following requirements:

There should be a navigation area that:

if the device is taller than wide is positioned on the left hand side of the display,

if the device is wider than tall is positioned on the top of the display,

this area should always be visible, and not scroll with the rest of the content,

there should be some controls to navigate through the book in this area,

at the top of this area the users location should be displayed, if permitted to do so, and if not then the exact text Cannot Gather the Location Information from the User displayed in its place.

There should also be a content area that contains the ebook text, that should be scrollable if the text does not fit on the screen.