I need complete code for this to look like the picture please: CONFIGURE THE CSS$.$ Launch a text editor and open the yoga.css style sheet. Edit the styles to achieve a layout that displays well on small devices using normal flow $($no floats$)$ with full$-$width block elements.

Edit the styles for the body element selector. Set margin to $0.$

Edit the styles for the wrapper id selector. Remove all declarations associated with width and margin. Configure $2$em padding.

Edit the styles for the header element selector. Change the background image to sunrise.jpg$.$ Change the background color to #$40407$A$.$ Remove the background$-$position, background$-$repeat, and height declarations. Set background$-$size to $100\%100\%,$ text color to white, font size to $90\%,$ top margin to $50$px$,$ and minimum height to $200$px$.$

Edit the styles for hyperlinks in the header area. Change the text color to #FFF for both unvisited and visited hyperlinks. Set the header a:hover selector$$s text color to #EDF$5$F$5.$

Code styles for a home class selector and a content class selector. Both selectors will start with the same property values. Set the height to $20$vh $(20\%$ of the viewport height$),$ top padding to $2$em$,$ left padding to $10\%.$

Edit the styles for the nav element selector. Remove the styles that configure float and bold text. Set width to $100\%,$ and padding$-$top to $0\mathrm{.}5$em$.$ The navigation will be fixed at the top of the viewport. Set position to fixed, top to $0$ and left to $0.$ Also set right$-$aligned text, white background color, $0$ margin, $0$ right padding, and $9999$ z$-$index.

Edit the styles for the nav ul selector. Remove the declaration for left padding. Configure this selector as a flex container which has rows that wrap. Set $0$ margin, $1\mathrm{.}2$em font size.

Code styles for the nav li selector. Set $40\%$ width, $0$ top and bottom padding, $1$em left and right padding, and inline display.

Edit the styles for the nav a selector. Remove the style declarations for text alignment, border, padding, and margin.

Edit the styles for nav a:hover selector. Remove the declaration that sets the border.

Remove the style declarations for the main element selector, h$1$ element selector, onethird class selector, onehalf class selector, clear class selector, floatleft class selector and hero id selector.

The hero images will be treated differently in this new version of the website. The home page will not display the hero image. The content pages will only display hero images on medium and larger viewports.

Code styles for the mathero id selector. Set the background image to yogamat.jpg with no repeats. Configure $300$px height. Set background$-$size to cover. Set display to none.

Code styles for the loungehero id selector. Set the background image to yogalounge.jpg with no repeats. Configure $300$px height. Set background$-$size to cover. Set display to none.

Code styles for the section element selector. Set left and right padding to $\mathrm{.}5$em$.$

Edit the styles for the footer element selector. Remove the styles for background color, and padding.

Configure styles for the telephone number to display a hyperlink when on the small display and display plain text otherwise.

Code a style rule for the mobile id selector. Set display to inline.

Code a style rule for the desktop id selector. Set display to none.