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

h1 {
  color: rgb(10, 10, 214);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 100px;
  font-size: 80px;
  background-color: beige;
}

.subtitle {
  font-size: 40px;
  font-style: oblique;
}

main {
background-color: rgb(124, 235, 235);
}

h2 {
  background-color: brown;
}

img {
border-style: dotted;
    filter: grayscale(100%);
    filter: brightness(50%);
    animation: alternate-reverse;
}

.color-red {
  color: red;
}

.color-blue {
  color: blue;
}

.color-green {   
  color: green;
}