Your Profile or Den page will be full of content defined by several different selector names. You need to know those names before being able to do anything with them. Here, we will go over some, but not all, selectors of a Profile or Den page.

body
The "body" is a basic HTML element that is a container of all other elements within it. It is the "backdrop" of the webpage. Any declarations made to body may affect everything else on your page, so this is a proper place to put "universal" rules for all parts of the webpage to adopt, such as font. You may also put background-related rules to change the background of your Profile or Den here.

#header
This is a custom-named element that encompasses the topmost section of the webpage. The #header section contains three more distinguishably-colored sections.

#sidebar
This is a custom-named element that encompasses the leftmost section of the webpage.

#main
This is a custom-named element that encompasses the "main" white section of the page. It contains several parts, namely your pack and user information.

h1
The main section's heading text. This could be your pack name or your username, depending on the page you're viewing.

.nav.nav-tabs
The main section's navigation bar, which includes links to both your den and Profile.

.nav.nav-tabs a.nav-link
Each link of the main section's navigation bar.

.nav.nav-tabs a.nav-link.active
The current "active" link of the main section's navigation bar.

.alert.text-center
Any notifications or alerts at the top of the page.