/* Add your CSS styles here! */
/* Practice different selectors:
   - Element selectors: h1, p, button
   - Class selectors: .verse, .chorus, .emphasis
   - ID selectors: #special-item
   - Descendant selectors: header p, .practice-area button
*/
body {
  background-color: bisque;
}
.subtitle {
  font-style: italic;
  font-family: fantasy;
  color: blueviolet;
}
.color-red {
  color: red;
}

.color-blue {
  color: blue;
}

.color-green {   
  color: green;
}
.emphasis {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.chorus {
  color: brown;
  border-style: groove;
  font-style: italic;
  text-align: center;
  background-color: darksalmon;
 }

.subtitle {
  font-size: x-large;
}
h1 {font-size: 200px;
  text-align: center;
  background-color:peru 
}

.practice-area button {
  border: 8px;
  border-block: unset;
  border-style: dotted;
  border-color: darkorange;
  background-color: blueviolet;
  font-size: x-large;
  padding: 30px;
}
.practice-area p {
  text-align: center;
  font-size: large;
  color: blue;
  font-style: italic;
}

.practice-area span {
  text-align: right;
  background-color: darkseagreen;
  padding: 20px;

}