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


p:hover {
  font-size: larger;
}

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

.hover-rotate {
  transition: all 0.5s;
}
.hover-rotate:hover {
  transform: scale(0.5) rotate(10deg);
}
h1{
  text-align: center; background-color: rgb(202, 100, 100); color: aliceblue; font-style: inherit;
}
p {
  text-align: center; color: aliceblue;
}
h2{
  color: aliceblue;
}
.subtitle{
  color: black; background-color:  rgb(202, 100, 100); color: aliceblue;
}