/* 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: blueviolet;
  color: aquamarine;
}

header{
  text-align: center;
}

img{
  border-style: dashed;
  border-color: coral;
  border-width: 8px;
  width: 50%;
  margin-left: 25%;
}

.jude{
  text-decoration-line: underline;
  text-decoration-color: thistle;
}

.v1{
  margin-left: 0%;
}

.v2{
   margin-left: 25%;
}

.bridge{
   margin-left: 50%;
}

.chorus{
   margin-left: 80%;
   font-style: oblique;
}

.red{
  color: orangered;
}

.blue{
  color: paleturquoise;
}

.green{
  color: greenyellow;
}

.practice-area{
  text-align: right;
}

.foot{
  direction: rtl;
}

.circle{
  height: 100px;
  width: 100px;
  background-color: thistle;
  border-radius: 50%;
  position: absolute;
}