/* 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
*/
.heading{
background-image: url(cow.jpg);
background-size: cover;
}
h1{
  
.line1 {
  color: blue;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}
.line2{
  color: brown;
  font-family: 'Times New Roman', Times, serif;
  font-size: 200px;
}
}
.subtitle{
  background-color: darkred;
  text-align: right;
  text-shadow: 5cap;
  text-decoration-line: overline;
  text-overflow: ellipsis;
  font-style: oblique;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 100px;
}
.verse{
  background-color: blue;
  filter: blur(3px);
  h2{
   transform: rotate(-5deg);
   display: inline-block;
   font-weight: 900px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-kerning: initial;
color: blueviolet;
  }
.line3{
    transform: rotate(-200deg);
    font-weight: bolder;
  }
  .line4{
    transform: rotate(4deg);
    border: 1rem solid;
  }
  .line5{
  transform: rotate(-3deg);   
  }
  .line6{
      transform: rotate(27deg);
      color: aqua; 
  }
}


.color-red {
  color: red;
}

.color-blue {
  color: blue;
}

.color-green {   
  color: green;
}