/*  
Using CSS, do the following:

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 {
  margin-top: 5px;
  padding: 3px;
}

#submitButton {
  border-radius: 5px;
}

.lorem {
  font-family: 'Wingdings';
}

input[required] {
  background-color: yellow;
}

label::after {
  content: ":";
}

label + input {
  margin-left: 10px;
}

body > * {
  margin-top: 10px;
  margin-bottom: 10px;
}

p ~ p {
  color: teal;
}

fieldset * {
  text-transform: uppercase;
}