/* Estilos CSS para aplicar a los elementos HTML */

/* 1- Todos los párrafos (<p>) que son hermanos de (<p>) deben tener un color de texto verde (color: green). Utiliza selectores adyacentes. */
p + p {
  color: green;
}

/* 2- Los párrafos con la clase text-indent deben tener un desplazamiento de la primera línea de 30px. */
p.text-indent {
  text-indent: 30px;
}

/* 3- Los párrafos con la clase text-align deben alinear el texto a la derecha. */
p.text-align {
  text-align: right;
}

/* 4- Los párrafos con la clase text-decoration deben tener un efecto de subrayado. */
p.text-decoration {
  text-decoration: underline;
}

/* 5- Los párrafos con la clase letter-spacing deben tener un espacio entre caracteres de 3px. */
p.letter-spacing {
  letter-spacing: 3px;
}

/* 6- Los párrafos con la clase word-spacing deben tener un espacio entre palabras de 10px. */
p.word-spacing {
  word-spacing: 10px;
}

/* 7- Los párrafos con la clase text-transform deben transformar el texto a mayúsculas. */
p.text-transform {
  text-transform: uppercase;
}

/* 8- Los párrafos con la clase line-height deben tener un espacio entre líneas de 70px. */
p.line-height {
  line-height: 70px;
}

/* 9- Las celdas (<td>) de la tabla deben tener una altura de 100px y un borde de 1px sólido de color gris (height: 100px; border: 1px solid grey). */
td {
  height: 100px;
  border: 1px solid grey;
}

/* 10- Las celdas de clase a, b, y c deben alinearse verticalmente de acuerdo a su clase (vertical-align: top, vertical-align: middle, vertical-align: bottom respectivamente). */
td.a {
  vertical-align: top;
}

td.b {
  vertical-align: middle;
}

td.c {
  vertical-align: bottom;
}