This lesson is going to be focused on success, so you're welcome to skip this or you're welcome to
apply your own success.
And as well, you can listen through what I'm going to be implementing in order to provide some styling
for the various elements that we created within our e-mail.
So first of all, starting with the clock, let's add some different styling.
We can add a background color to that.
So make our clock blue.
We'll set our width to be six hundred picks.
Also, we're going to text the line.
So text the line center.
Update the font color, so turn out to be white.
And we'll update the font size as well, so font size and set that to 2:00 a.m., so refresh, see what
that looks like.
So there's our clock output there.
And of course, I do have it really on a big screen.
So I can actually I'm going to make the smaller down to 1:00 a.m. so you might want to adjust.
It, however, works best for you.
I get to update those inner spans of class.
So the first spans that we have within the clock, so clock and all of the first spans, but we do five
picks of padding, also do a border radius to round it a little bit.
So 10 pics of border radius and do a background color for this one as well and set that to be black
so it stands out.
So now we've got our countdown there.
We also need a little bit more spacing around the clock from the input field.
Let's select our input, play some styling to that.
I do 15 pics of podding, also a margin of 20 pics, and we'll do a larger font size for this one as
well, refresh and see what that looks like.
So we've got our input there.
I've got my time that's being put there.
And let's update the last bit here where we've got a span and a span inside of a span and setting that
as how about we set it to Darkbloom.
So refresh.
So there's our times there that we're setting.
So there we have our countdown timer with a little bit of styling.
And of course, you can apply your own styling as needed and actually are going to change it from dark
blue to red so that they stand out a little bit more, so that when we refresh it, we've got more outstanding
content.
We can also add in a little bit more padding as well, maybe a little bit less padding so that we've
got our days, hours, minutes and seconds so we can always adjust this and select it and we can see
that it changes as well.
In addition to when we make our updates, let's take something further into the future and see that
we've got a nice looking countdown timer.
And when we refresh it, all the functionality is still there.
So go ahead and add this and update it.
Add some styling, have some fun with it.
Thanks again for taking the site and learning how to develop this countdown timer.