/* 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: #ffcbcb;
  opacity: 0.6;
  font-family: "luncinda handwriting", cursive;
  colour: #a8d1d1;
  margin: 20px;
  padding: 10px;
}
h1 {
  text-align: center;
  colour: #c1bbdd;
}
.verse {
  text-transform: uppercase;
  font-weight: bold;
  colour: white;
}
footer {
  font-style: italic;
  colour: black;
  font-size: 1.2rem;
}
img {
  display: block;
  margin: 30px auto;
  transform: translateX(50px); /* move image horizontally */
}
.color-red {
  color: red;
}

.color-blue {
  color: blue;
}

.color-green {
  color: green;
}
