/* Style the HTML elements according to the following instructions.
DO NOT ALTER THE EXISTING HTML TO DO THIS. WRITE ONLY CSS!
/* Give the element a background of #bdc3c7*/
body {
color: #bdc3c7;
}
/* Make the
element #9b59b6*/
h1{
color: #9b59b6;
}
/* Make all
elements orange */
h2{
color: orange;
}
/* Make all
elements blue(pick your own hexadecimal blue)*/
li{
color: #13d8fbbc;
}
/*Change the background on every paragraph to be yellow*/
p{
background-color: yellow;
}
/*Make all inputs have a 3px red border*/
input{
border: 3px solid red;
}
/* Give everything with the class 'hello' a white background*/
.hello{
background: white;
}
/* Give the element with id 'special' a 2px solid blue border(pick your own rgb blue)*/
#special{
border: 3px solid rgb(21, 21, 231);
}
/*Make all the
's that are nested inside of divs 25px font(font-size: 25px)*/
div p{
font-size: 25px;
}
/*Make only inputs with type 'text' have a gray background*/
input[type="text"]{
background-color: gray;
}
/* Give both
's inside the 3rd
a pink background*/
div:nth-of-type(3){
background-color: pink;
}
/* Give the 2nd
inside the 3rd
a 5px white border*/
div p:nth-of-type(2){
border: 5px solid white;
}
/* Make the in the 3rd
element white and 20px font(font-size:20px)*/
div em {
color: white;
font-size: 20px;
}
/*BONUS CHALLENGES*/
/*Make all "checked" checkboxes have a left margin of 50px(margin-left: 50px)*/
input[checked]{
margin-left: 50px;
}
/* or
pseudo element
:checked{
margin-left: 50px;
}
*/
/* Make the