{{lfctrl.headTitleStep1}}

{{lfctrl.headCopyStep1}}

An Email Is Headed
Your Way

We've sent a message
so you can pick a new password.

Reset Your Password

Think of a password that is at least 6 characters long.

Success! You now have a new password.

Please be sure to memorize it or write it in a safe place.



Wait!

Are you sure you want to exit?
Your password will not be reset!

{{lfctrl.notice}}


Wait!

Are you sure you don't want to finish?
You're almost done!

We are missing your email address.

Please enter your or your parent's email address. We will only use your email address to reset your password should you forget it.

Sign Up for Free E-Newsletters

(Optional)

You're Signed up for {{nlctrl.form.newsletters.join(',')}}

The next newsletter will arrive in your inbox within a few weeks.

hey, {{userData.username}}!

Edit Your Profile

SORRY!

You can only put stickers
where you see the dotted
circles.

ADD MY STICKER

WAIT!

You have to sign in,
first!

ALL SERIES
HIDE
Build Your Own Website

Declarations

Adding declarations one after another is a neat way to see how CSS works. Start with empty rules:

 

 


body{
}

html{
}


 

Then add declarations one at a time and see the effect when you open the page in your browser (Live Preview in Brackets is a great way to see this instantly). Start like this:

 


body{
	background-color: Thistle;
}

html{
}


 

This adds a purple background color to the page. Then add this:

This adds a thin gray border to the page.

 


body{
	background-color: Thistle;
	border: 2xp solid Gray;
}

html{
}


 

As you add rules, try tweaking them. There are all kinds of different options for borders, for example. Try changing solid to dotted, or 2x solid to 10 pix ridge.