Responsivo, pseudo-clases y BEM

Crea una media query que cambie el fondo del body en pantallas menores a 600px.

Haz que un grid de 3 columnas pase a 1 columna en pantallas pequeñas.

Cambia el color de un botón al pasar el mouse con :hover.

Resalta el borde de un input al enfocarlo con :focus.

Usa :first-child y :last-child para estilizar el primer y último elemento de una lista.

Agrega un ícono con ::before usando la propiedad content.

Anima suavemente el cambio de tamaño de un botón en :hover con transition y transform.

Nombra 3 clases de una tarjeta siguiendo la convención BEM: bloque, elemento y modificador.

Combina dos media queries: una para tablet (768px) y otra para móvil (480px).

Construye una tarjeta completa combinando BEM, :hover y una media query.