its a interactive contents 1 question please ans me in html and css format thanks

Question 1 Build a web page using an external CSS file based on the following specifications: a) The page must have a breaking point at 768px (desktop/mobile). b) The three sections contents (header, main and footer) must be full-width and no larger than 960px (horizontally centered block). c) Header must be 80px high, full width and fixed and will show your name on the left side. The burger icon should appear when the browser's window is 768px or lower. Background must be black, and text white. d) Footer must be 40px high, full width, and fixed. It should gradually change color from red to blue when the mouse hovers it. Question 2 In the main section (doing the way you prefer), create two containers (left and right) using two dif- ferent background colors. Integrate a responsive image oth the right container. The the browser's window is narrow, the two container should be positioned one on top of the other. Your name III Question 3 In the main section, following the last question, create a container with the text Click here to show hidden content. When the user clicks the text, the sentence The hidden content is now vis- ible!>> should show underneath the first sentence. Click here to show hidden content The hidden content is now visible! Question 4 In the main section, following the last question, create a drop-down menu with two first level links. The second link will show three second level links when hovering. Link 1 Link 2 Link 3 Link 4 Link 5 Question 5 In the main section, following the last question, create an animation based on the following specifications: a) On hovering the container, there must be a one second delay before the animation starts. b) A 100px X 100px blue square will spin 3 times then stop. c) Half way through the animation, the square will grow to 150px x 150px and come back to its original dimension at the end