/* 
    
    Write the correct CSS selector and style for each section below.  Once you've correctly answered the question, go ahead and comment out your css

    Try to complete all 10 exercises!
    */
/* ⁡⁢⁣⁢Part A⁡ */

/* 1. Element Selector: Make all <p> tags dark gray */


/* 2. Class Selector: Give .highlight a yellow background and bold text */


/* 3. ID Selector: Make #unique text green and italic */


/* 4. Descendant Selector: Make all <span> inside <div> red */


/* 5. Child Selector:  Make only direct <li> children of <ul> purple. Don't turn the list in Section 7 purple!  - Hint use the id to target only this section*/


/* 6. Grouping Selector: Make h2 and .grouped text teal */

/* ⁡⁢⁣⁢Part B⁡ */

/* 7. Pseudo-class: Make the first <li> bold. Don't make the list in Section 5 bold!  Hint - use the id to select only this section first*/


/* 8. Pseudo-class: Make links orange on hover */


/* 9. Attribute Selector: Style input[type="text"] with a blue border */


/* 10. Universal Selector: Apply box-sizing: border-box to all elements */

p {
    color: rgb(164, 160, 160);
}

.highlight {

    background-color: rgb(194, 233, 54);
    font-style: bold;
}

#unique {

    color: rgb(8, 191, 48);
    font-style: italic;
}

div span {
    color: rgb(223, 85, 85);
}

#section5>ul {
    color: blueviolet;
}

h2~.grouped {
    color: aquamarine;
}

#section7 {
    /* When I add a "+" followed by "ul" or "li" it does not work */
    font-weight: bold;
}

a>:hover {
    color: rgb(216, 146, 60);
}