Hello. Trying to add CSS, and having a little trouble. Directions: Within the Me

ID: 3911061 • Letter: H

Question

Hello. Trying to add CSS, and having a little trouble.

Directions:

Within the Media Styles section:

1. Insert a style rule for all audio and video elements that displays them as blocks with a width of 95%.

2. Center the audio and video elements by setting the top/bottom margins to 20 pixels and left/right margins set to auto.

Track Styles

Go to the Track Styles section and create a style rule for track cues that:

1. Sets the background color to transparent,

2. Adds a black text shadow with horizontal and vertical offsets of 1 pixel and a blur of 2 pixels,

3. Sets the text color to rgb(255, 177, 66), and

4. Sets the font size to 1.2 em using the sans serif font family.

5. Create a style rule for track cues belonging to the Title class that sets the font size to 2em and font family to serif.

Here's what I have so far:

@charset "utf-8";

/*
New Perspectives on HTML and CSS, 7th Edition
Tutorial 8
Review Assignment

Cinema Penguin Styles for Media
Author:
Date:

Filename:

/* Media Styles */

/* Track Styles */

Hi,

The css file should look something like below with the above specifications:

/* Media Styles */

audio, video {
display: block;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: autto;
width: 95%;
}

/* Track Styles */

::cue {
background-color: transparent;
color: rgb(255, 177, 66);
text-shadow: 1px 1px 2px black;
font: 1.2em serif;
}

::cue(.title) {
font: 2.0em serif;
}

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.