LAB: Autofon (CSS) Create a css stylesheet so the provided produces the following web page: The following style rules should be added to The de fonts in der of penise Robote, Haltics, and The heading Como Destand Lean Offers soit belong 3441011 lave en To containerClaw whose content is comid Bachelor is defined in with Basa Speed margin, and delites after 13 chas offer Deflector can setter Each offer is displayed inline-block with fund with of 400, prin and contender Fach offer has a pixel solid badering Each other uses a shadow defined as hos-shadow: Opp Opps at The offerte es defined in with offerides left the offiaTitle The title bold with color The title background is ced The title has to win tipies of paling The offer contents are defined indivi dans offerContes Define the offerte Each offer contents diy has 20 parels et paling a piel bederation for the bottom honder and background colored Defines new that will then the following syling The table should have a wide background colored to border spacing added bossade pp. Spa Headers should rape hold fathe color77777 . Dubbele a foet light then wie with colors Header cells should have 10 picofing and some Data de 10 poing the left and right pics of polling og und Bahaderas de och header collie and data celebrada weld en bedref police Ieftine acasfirma/Value that defines a bold font weight with 2232 Purchase Offer 1 Purchase Offer 2 Item Cost Item Cost $23.500 $33,500 Purchase price: Purchase price: $33,500 $500 Cash incentive/rebate: $0 Cash incentive/rebate: 48 48 Loan term (months) Loan term (months) 4.1 3.2 Annual percentage rate (APR): Annual percentage rate (APR): $746.59 Monthly payment: $725 33 Monthly payment: $35,836.15 $34,815.62 Total cost Total cost: 30 ! etv RA e o The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading Comparison of Dealer Incentives and Loan Offers' should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a

tag with the class offer Define the offer class such that . Each offer is displayed inline-block with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel . Each offer uses a shadow defined as: box-shadow. Opx 2px 2px #dddddd, Opx Opx 5px #dddddd The offer title is defined in a

tag with offerTitle class. Define the offerTitle class such that The title uses 14px bold font with color #ffffff o The title's background is colored #00b3b3 The title has no margin and 15 pixels of padding The offer contents are defined in a

tag with class offerContents Define the offerContents class such that Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border, and background colored #fafafa Define CSS rules such that all tables have the following styling The table should have a width of 100% background colored #ffffff, no border spacing, a shadow defined as: .box-shadow: Opx 2px 2px #dddddd, Opx Opx 5px #dddddd Header cells should use a 12px bold font with color #777777 o Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom and no margin . Both header cells and data cells should left align text o Both header cells and data cells should have a solid bottom border of 1 pixel using color #fififi Define a class finalvalue that defines a bold font weight with color #2222ff 2870941750149.00 TAR Purchase Offer 1 Purchase Offer 2 Item Cost Item Cost Purchase price: $33,500 Purchase price: $33,500 Cash incentive/rebate: 8 Cash incentive/rebate: $500 48 Loan term (months): 48 Loan term (months) 3.2 Annual percentage rate (APR): 4.1 Annual percentage rate (APR): Monthly payment: $725,33 Monthly payment $746,59 $34,815.62 Total cost: $35,836.15 Total cost The following style rules should be added to styles.css The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading Comparison of Dealer Incentives and Loan Offers should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px . Each offer is defined in a

tag with the class offer Define the offer class such that: . Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow: Opx 2px 2px #dddddd, Opx 0px 5px #dddddd The offer title is defined in a

tag with offerTitle class. Define the offerTitle class such that The title uses 14px bold font with color #ffffff . The title's background is colored #00b3b3 The title has no margin and 15 pixels of padding The offer contents are defined in a

tag with class offerContents. Define the offerContents class such that Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border, and background colored #fafafa Define CSS rules such that all tables have the following styling: . The table should have a width of 100%, background colored #ffffff, no border spacing, a shadow defined as box-shadow: Opx 2px 2px #dddddd, Opx 0px 5px #dddddd o Header cells should use a 12px bold font with color #777777 o o Header cells should use a 12px bold font with color #777777 o Data cells should use a font lighter than normal weight with color #444444 Header cells should have 10 pixels of padding and no margin Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom, and no margin . Both header cells and data cells should left align text o Both header cells and data cells should have a solid bottom border of 1 pixel using color #f1f1f1 Define a class finalValue that defines a bold font weight with color #2222ff Purchase Offer 1 Purchase Offer 2 Item Cost Item Cost Purchase price: $33,500 Purchase price: $33,500 Cash incentive/rebate: SO Cash incentive/rebate: $500 Loan term (months) 48 Loan term (months) 48 Annual percentage rate (APR): 3.2 Annual percentage rate (APA) 4.1 Monthly payment: $725.33 Monthly payment $746.59 $34,815.62 Total cost $35,836.15 Total cost ine following style rules should be added to styles.css The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a

tag with the class offer. Define the offer class such that Each offer is displayed inline-block with a fixed width of 400 pixels, a 4 pixel margin, and centered text . Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow Opx 2px 2px #dddddd, Opx 0px 5px #dddddd The offer title is defined in a

tag with offerTitle class Define the offerTitle class such that o The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no margin and 15 pixels of padding The offer contents are defined in a

tag with class offerContents. Define the offerContents class such that Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border and background colored #fafata Define CSS rules such that all tables have the following styling . The table should have a width of 100%, background colored #ffffff, no border spacing, a shadow deped as .box-shadow: Opx 2px 2px #dddddd, Opx Opx 5px #dddddd; Header cells should use a 12px bold font with color #777777 . Data cells should use a font lighter than normal weight with color #444444 Header cells should have 10 pixels of padding and no margin . Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom, and no margin Both header cells and data cells should left align text . Both header cells and data cells should have a solid bottom border of 1 pixel using color #f1f1f1 Define a class finalvalue that defines a bold font weight with color #2222ff Auto Loan Create a Css stylesheet such the the provided HTML (autoloan.htrri) looks like the following webpage Comparison of Deater Incentives and Loan Offers Purchase Offer 1 Purchase Offer 2 Cool Cout Purchase price 3.500 Pichas por $38.500 Cash notte 50 S500 Loan tormer Loantom month Anual percentage 32 Annual percentage (APR) Monthly payment 37253 Monthly payment 57455 Total com : 198,800,16 To achieve the desired web page, the following style rules should be utilized The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading Comparison of Dealer incentives and Loan Offers should be 12pt font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 10pt Each offer is defined in a div> tag with the class offer Define the offer class such that Each offer is displayed inline block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #ecoce with a radius of 1 pixel Each offer uses a shadow defined as box shadow. Opx 2px 2px #dddddd, UpxOpx 5px #dddddd The offer title is defined in a div> tag with offertitle class. Define the offertitle class such that: The title uses 11pt bold font with colorfffff The title's background is colored 006363 . The title has no margin and 15 puels of padding The offer contents are defined in a

tag with class of tercontents Define the offerContent class such that Each offer contents div has 20 pixels of padding a 2 plvel border radius for the bottom border, and background colored #fatafa Define CSS rules such that all tables have the following styling The table should have a width of 100% background colored effiff, no border spacing, a shadow defined os .box-shadow Opx 2px 2px #dddddd, Opx 0px 5px #dddddet Header cells should use a 9pt bold font with color #777777 Data cells should use a font lighter than normal weight with color 8444444 Header cells should have 10 places of padding and no margin Data cels should have 10 pixels of padding on the left and right 20 pixels of padding on top and bottom, and no margin Both header cells and data cells should left align text Both header cells and data cells should have a solid bottom border of 1 pixel using color afin Define a class finalvalue that defines a bold font weight with color #227211