/*

Instructions:

Select by element: All input elements should have a top margin of 5 pixels and a padding of 3 pixels.

Select by id: Select the submit button by its identifier and give it a border radius of 5 pixels.

Select by class: All elements of class "lorem" should have their font changed to "Wingdings".

Select by attribute: All required inputs should have their background color changed to yellow.

Select using a pseudo-element: All labels should have a colon, ":", appended to them.

Select by adjacent element: All inputs that are adjacent to labels should have a left margin of 10 pixels.

Select by child element: All direct children of the body should have a top and bottom margin of 10 pixels.

Select by sibling element: All paragraphs that are siblings of other paragraphs should have a different text color (your choice).

Select by descendant element: All descendant elements of the fieldset should have their text transformed to uppercase.

*/ 


/* Input element w/ 5 pixels and a padding of 3 pixels */
element {
    margin-top: 5px;
    padding: 3px;
}

/* Submit button has a border radius of 5 pixels */
#submitButton {
    border-radius: 5px;
}

/* Changes class of lorem to wingdings */
.lorem {
     font-family: "Wingdings";
}

/* All inputs background changed to yellow. */
input {
    background-color: yellow;
}

/* Made all the labels have a colon appended to them. */
label::after {
    content: ':';
}

/* Inputs that are adjacent to the labels and that have a left margin of 10px */
input + label {
    margin-left: 10px;
}

/* Selects all children of the body and gives them a top and bottom margin of 10px */
body > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Paragraph siblings changing text color */
p ~ p {
    color: blue;
}

/* Made the descendant elements of the fieldset text transformed to uppercase. */
fieldset > * {
    text-transform: uppercase;
}