/* 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
*/

.color-red {
  color: red;
}

.color-blue {
  color: blue;
}

.color-green {   
  color: green;
}
body {
  background-color: rgb(171, 145, 60);
  background-image: url('https://w0.peakpx.com/wallpaper/867/609/HD-wallpaper-aye-baby-cute-but-ugly.jpg');
  
}
h2 {
  border-style: groove;
  border-color: rgb(217, 255, 0);
  text-align: right;
}
.verse {
  text-align: center;
  font-family: cursive;
  color:crimson;
}
.verse1 {
  text-align:end;
  font-family:fantasy;
  color:rgb(213, 20, 220);
}
.bridge {
  text-align:left;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color:rgb(45, 235, 146);
}
.chorus {
  font-weight: bold;
}
img {
  transform: rotate(10deg);
  transform-origin: left top;
}
li {
  font-size: 10px;
}
button:hover {
  background-color: rgb(89, 0, 255);
  transition: 0.7s;
}
.practice-area {
  border-style: double;
  background-color: rgb(123, 91, 3);
  text-align: center;
  color: rgb(111, 111, 229);
}
footer {
  text-align: end;
  color: rgb(252, 21, 21);
}