/* 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-image: linear-gradient(red, yellow, green, blue);
  outline-style: dashed;
  outline-color: blueviolet;
  outline-width: 40px;
  border-radius: 20px;
}
.verse1{
  font-size:30px;
  font-family: monospace;
  color: rgba(4, 66, 54, 0.806);
}

.verse2{
  text-align: right;
  font-size: small;
  font-family: Arial;
  color: chocolate;
}
button:hover{
  background-color: rgb(177, 165, 165);
  border-radius: 30px;
  color: brown;
  padding: 30px 15px;
  margin-left: 70%;
  padding: 30px 30px 20px 20px;
  width:auto;
}
img{
  margin-left: 80px;
  border-color: black;
  outline-style: dotted;
  outline-width: 60px;
}
footer{
  font-size: 50px;
  color: rgba(62, 38, 28, 0.839);
  text-shadow: 30px;
  padding-bottom: 20px;
}
.practice-area{
  font-family: Courier;
  font-weight: 200;
  font-size: 70px;
  color: antiquewhite;
  margin-left: 30%;
}
.chorus{
  text-align: center;
  color: rgb(27, 198, 186);
  font-size: 20px;
}
.subtitle{
  font-style: oblique;
  font-weight: 200;
  font-size: 50px;
  text-align: justify;
}
ul{
  padding-top: 20%;
  font-family: Cambria;
  font-weight: lighter;
  font-size: 30px;
}
.color-red {
  color: rgb(69, 41, 41);
}

.color-blue {
  color: rgb(3, 3, 41);
}

.color-green {   
  color: rgba(0, 36, 0, 0.798);
}