restructuring the html and css to position the elements in a more responsive way

- restructuring index.html and extracting the inline css to style.css
- using display:flex in place of display absolute or fixed to make the layout more responsive on the screen's size

just a proposition, hope it helps :)